javascript - jQuery .on click 事件并不总是在 Ajax 加载的内容上触发

Question

我有一个动态加载内容的页面。在 $(document).ready 中我有类似的事件处理程序:

$(document).on("click", ".content_button", function(e){
    e.preventDefault();
    e.stopPropagation();
    // content
});

问题是鼠标点击仅在大约 90% 的点击中被识别。这看起来完全是随机的。其他时候我必须按同一个按钮 4-5 次，然后它就起作用了。我在控制台中没有错误，甚至 CSS 部分每次都有效:

div.content_button:active {
    top: 2px;
}

我似乎找不到解决办法。我使用 jQuery 1.11，它在 Win10、Win7、Firefox 中、甚至在 iPad 或 Android 上的工作方式都是这样的。

您对可能出现的问题有什么想法吗？

编辑:

data.control 包含 HTML 中的 .content_button div(按钮)。

这是加载按钮的部分:

    $.ajax({
        url:    'worker.php',
        async:  false,
        cache:  false,
        type:   "POST",
        data:   {   action:"update"   },
        dataType: "json",
        success:function(data) {
                    if(data.actionresult == 1)
                    {
                        $('div#container').hide("slide", { direction: "down" }, 500);
                        $('div#container').promise().done(function() {
                            $('div#container').html(data.control);
                            $('div#container').show();
                        });                    
                    }
                    else
                    {
                        // handle error
                    }
                }
    });

Answer 1

$(document).ready(function(){
$(".content_button").on("click",  function(e){
    e.preventDefault();
    e.stopPropagation();
    // content
});
});

必须这样做。