如何在on事件中ajax请求,jQuery.on点击事件并不总是在Ajax加载的内容上触发

我有一个页面，我动态加载内容。在$(document).ready里面我也有类似的事件处理程序：jQuery.on点击事件并不总是在Ajax加载的内容上触发

$(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包含.content_button的div(按钮)的HTML。

这里是一部分，它加载的按钮：

$.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

}

}

});

2015-08-15

ZTefter

+0

我想你的观察是错误的。你如何检查点击事件没有被解雇？ –

+0

内容部分的示例中有一个ajax调用。我可以在开发者控制台中看到它：单击 - 没有，单击 - 没有，单击 - 没有，单击 - ajax调用正在发生。还有另一个按钮，我只是显示一个div：我点击div，90％的时间div出现，但有时，我不得不重复点击。其他用户也报告过相同的问题。 –

+0

提供所有相关的代码本身 –