Question

我正在使用jquery ajax返回一个部分视图，其中包含过滤掉的内容下拉列表。我遇到的问题是当部分视图加载ajax并且我选择一个选项来过滤我的其他下拉列表时我的javascript不会触发，但是当重新加载页面并选择一个选项来过滤一切正常，我的代码应该正常工作。为什么我需要重新加载我的页面才能触发我的脚本？下面是我用于所有ajax请求的jquery ajax的蓝图：

        $.ajax({
            type: "GET",
            url: url,
            beforeSend: function () { $('.wait').show(); },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown);
            },
            success: function (data) {
                $('#tab3').html(data);
            },
            complete: function () { $('.wait').hide(); }
        });

Answer 1

您的注册处理程序仅在预先存在的元素上注册。添加新元素时，您需要创建新的处理程序，或者（更好）执行this

之类的操作

$( ".some-container-of-your-elements" ).on( "click", ".element-you-wish-to-listen", function() {
    console.log( "Magic!" );
});

Ajax在页面重新加载之前不会更新

1 个答案: