点击事件在Ajax加载后停止工作
我在使用Ajax脚本时遇到了一些麻烦,该脚本禁用了我的jQuery点击事件。
以下代码在没有AJAX事件的情况下工作:
$(document).ready(function() { $('a.showtabinfos').click(function() { $('div.infos').removeClass("showtab").addClass("hidetab"); $(this).parent().find('div.infos').removeClass("hidetab").addClass("showtab"); }); });
所以我在Jquery Faq中发现:
http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F
但不幸的是,我不是JavaScript开发人员,我无法使用“事件委托”转换我的jQuery事件。 有人可以帮助我让我的活动看起来像这样:
$('#mydiv').click(function(e) { if($(e.target).is('a')) { fn.call(e.target,e); } }); $('#mydiv').load('my.html');
我尝试了另一种方法来解决我的问题 。 事实上,我想要做的只是通过改变课程来打开点击。
Html结构:
-- div ------ a.showtabinfos ------ div.infos.hidetab ( <div class='infos hidetab' ...