我有一个锚,当点击使ajax调用加载一些html到一个div,然后加载一个脚本。我想在第一次单击后解除该事件的绑定,并将其替换为另一个在显示和隐藏该div之间切换的单击事件。我已经得到了这一点,但是我没有尝试注册切换div工作的单击事件。
$('#anchor').click( function() {
$('#div').load('file.html', function() {
$.getScript('script.js');
$('#anchor').unbind();
});
});
$('#anchor').click( function(e) {
e.preventDefault(); // prevent the browsers following the link
$('#div').load('file.html', function() {
// make sure to bind once the new script has been included
// i.e. within .getScript's callback
$.getScript('script.js', function() {
$('#anchor').unbind("click").click(myShowHideFunc);
});
});
});
尝试使用事件命名空间,这有助于仅取消绑定当前事件处理程序,以便在取消绑定时不会触及其他单击处理程序。
$('#anchor').click('click.anchor', function() {
$('#div').load('file.html', function() {
$.getScript('script.js', function(){
$('#anchor').unbind('click.anchor').click(function(){
$('#div').toggle();
});
});
});
});