jQuery函数在Ajax调用后不起作用
我有这个功能：
$(document).ready(function() {
$('.post_button, .btn_favorite').click(function() {
//Fade in the Popup
$('.login_modal_message').fadeIn(500);
// Add the mask to body
$('body').append('<div class="overlay"></div>');
$('.overlay').fadeIn(300);
return false;
});
我的页面使用最喜欢的按钮加载内容，但是在Ajax调用并生成其他新内容后，单击新内容的按钮时该功能不起作用。有什么不对吗？
问题答案：
那是因为您正在使用动态内容。
您需要将点击调用更改为委托方法，例如 on
$('.post_button, .btn_favorite').on('click', function() {
要么
$("body").on( "click", ".post_button, .btn_favorite", function( event ) {
-
问题内容： 我的html像这样 jQuery代码如下 当我单击Submit按钮时，我的ajax请求无法正常工作，看起来好像控件正在传递给JQuery Submit函数，但是ajax请求没有正确执行/正常工作，这是怎么回事？ 问题答案： 将事件处理函数放入$（document）.ready（function（）{…}）中。它现在应该工作 还添加preventDefault（）以限制页面刷新
-
问题内容： 我想知道为什么$（this）在jQuery ajax调用后不起作用。 我的代码是这样的。 为什么在ajax调用之后，$（this）在这种情况下不起作用？如果我在ajax之前使用它会起作用，但之后没有效果。 问题答案： 在jQuery ajax回调中，“ this”是对ajax请求中使用的选项的引用。它不是对DOM元素的引用。 您需要首先捕获“外部” $（this） ：
-
问题内容： jQuery click函数在这里工作正常 但是如果我通过ajax 设置一些功能，将无法正常工作。 例如 现在，最后一个不起作用。 jsfiddle示例：http : //jsfiddle.net/suhailvs/wjqjq/ 注意：CSS在这里工作正常。 我想使这些新添加的与jQuery click一起工作。 问题答案： 问题是.click仅适用于页面上已经存在的元素。如果要连接将
-
问题内容： 我制作了一个Jquery函数，该函数（目前）会动态调用该函数，并显示警告。与Firefox，铬：它的作品！当我尝试IE7（第一次）时，它失败了。如果我重新加载页面（F5）并重试，则可以！o_O 我终于明白为什么会这样。在我的旧网站中，我使用了jquery-1.3.2.min.js库。在此我使用jquery-1.4.2.js，实际上它不起作用。那么这是什么一回事？这个新版本中有错误吗？
-
问题内容： 我试图在jQuery中使用getJSON函数导入一些数据并触发回调函数。回调函数未运行。但是，如果我使用get函数尝试相同的操作，则效果很好。奇怪的是，即使我将“ json”作为类型传递，它也可以与get函数一起使用。为什么会这样呢？我在Firefox 3和IE 7中测试了以下文件： 只要我访问的URL在同一个域中，这似乎都会发生。我尝试传递一些数据，但这没有什么不同。 当然，可以像在
-
问题内容： 我有一个Ajax脚本，可以将一些数据发送到外部URL。外部URL托管在同一服务器上，但是域与ajax调用的源不同。 这在Firefox和Chrome中完美运行。但是，在IE中，ajax调用不会通过，并且Return False函数也不起作用（一旦ajax调用失败）。 下面是我的代码： 当我尝试从ajax网址中删除http：//时，返回false确实有效。 任何帮助，将不胜感激。谢谢 问