Question

我有这个按钮：

<button type="button" id="topic_schedulati" class="btn btn-info">Mostra Topics Schedulati</button>

这是我处理点击的jquery代码：

(function() {
    $(window).on('action:ajaxify.end', function(event, data) {

        if (new RegExp(/^category\/[0-9]+/).test(data.url)) {
            $(document).ready(function(){
            $('body').on('click', '#topic_schedulati', function() {
                console.log("hi");
            });
        });
        }

    });
}());

为什么当我点击按钮时，我会两次显示打印“hi”而不是一次？有人可以帮帮我吗？

Answer 1

最有可能的是这个动作＆＃34;动作：ajaxify.end＆＃34;被多次召唤。当您将事件附加到正文时，不需要您的其他条件，因为事件将响应任何与id匹配的添加元素＆＃34; topic_schedulati＆＃34;请记住，您应该只有1个带有该ID的元素，否则您将有不稳定的行为，具体取决于浏览器。

$(function() {
    $('body').on('click', '#topic_schedulati', function() {
            console.log("hi");
    });
});

为什么文件js被调用两次

1 个答案: