加载AJAX之后的调用函数

Question

我有jQuery脚本，可帮助我标记表中的行。 我也有AJAX功能，可以将其他数据加载到该表中。 我的想法是，在AJAX用来标记该数据之后，每次都调用Picker函数。 它可以工作，但非常不稳定-我可以标记某些已加载数据块，而不能标记其他块。 而且我找不到我错了的地方。

<script>
var Picker = function() { // This is marker script
        $(".query, .schedule_query_table_highlight").click(function(){
        if ($(this).attr("class") == "schedule_query_table_highlight") {
            $(this)

.removeClass("schedule_query_table_highlight");
            $(this).addClass("query");
        }
        else {
        $(this).removeClass("query");
        $(this).addClass("schedule_query_table_highlight");
        }
        });
};

$(document).ready(function(){
    Picker();   
    $("#more").click(function(){
    $(".more_space").load("inquery_ajax.php?date=" + curr_year + "-" + curr_month + "-" + curr_date, function(){
            Picker();
        });         
        $(".more_space").addClass("loaded" + days);
        $(".more_space").removeClass("more_space");
        $(".loaded" + days).after("<x class=more_space></x>");
        $("#more").insertBefore(".more_space");
    });
});
</script>

UPD： FIDDLE

Answer 1

不知道什么是不稳定的，但我认为不稳定意味着此处新内容未突出显示。 由于内容是动态的，因此在文档上使用事件绑定

$（document）.on（“ click”，“。query .schedule_query_table_highlight”，function（）{

示例代码：

var Picker = function() { // This is marker script
        $(document).on("click",".query .schedule_query_table_highlight",function(){
        if ($(this).attr("class") == "schedule_query_table_highlight") {
            $(this)

.removeClass("schedule_query_table_highlight");
            $(this).addClass("query");
        }
        else {
        $(this).removeClass("query");
        $(this).addClass("schedule_query_table_highlight");
        }
        });
};