点击 li 改变背景颜色,第一次点击没用
$(".type-list." + type + " ul li").on("click",function () {
if (type == "category") {
$(this).addClass("back-color").siblings().removeClass("back-color");
if ($(this).hasClass("back-color")) {
SearchPage.searchOption.type = '';
} else {
SearchPage.searchOption.type = id;
}
} else {
$(this).addClass("back-color").siblings().removeClass("back-color");
if ($(this).hasClass("back-color")) {
SearchPage.searchOption.city = '';
} else {
SearchPage.searchOption.city = id;
}
}
});
解决:
$("body").on("click", ".type-list." + type + " ul li",function () {
if (type == "category") {
$(this).addClass("back-color").siblings().removeClass("back-color");
if ($(this).hasClass("back-color")) {
SearchPage.searchOption.type = '';
} else {
SearchPage.searchOption.type = id;
}
} else {
$(this).addClass("back-color").siblings().removeClass("back-color");
if ($(this).hasClass("back-color")) {
SearchPage.searchOption.city = '';
} else {
SearchPage.searchOption.city = id;
}
}
});
绑定到 class 上
$(".type-list." + type + " ul li").on("click",function () {....})
// 替换为
$("body").on("click", ".type-list." + type + " ul li",function () {....})
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于