js onclick 第一次点击没反应，第二次才生效

点击 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 () {....})