我有两个独立(但相似)的 jQuery 代码。它们都起作用,但互相干扰。如何正确地将这些函数格式化为唯一并阻止它们相互影响?
Code block 1:
$('#share-email').click(function (e) {
e.preventDefault();
$("#socialbox-" + $(this).attr('rel')).load('<?php echo site_url();?>club/sendtofriend/' + $(this).attr('rel'));
return false;
});
$().ajaxSend(function (r, s) {
$(".social-share-container").fadeOut('fast');
});
$().ajaxStop(function (r, s) {
$(".social-share-container").fadeIn('fast');
});
Code block 2:
$('.djlink').click(function (e) {
e.preventDefault();
$("#djinfo").load($(this).attr('href'), Cufon.refresh);
return false;
});
$().ajaxSend(function (r, s) {
$("#djinfo").fadeOut('fast');
});
$().ajaxStop(function (r, s) {
$("#djinfo").fadeIn('fast');
});
代码中看起来重叠的部分是ajax发送/停止部分。
最佳答案
如果我正确地猜测你要做什么,类似这样的事情应该可以解决它:
$('#share-email').click(function(e) {
e.preventDefault();
$("#socialbox-" + $(this).attr('rel')).fadeOut('fast').load('<?php echo site_url();?>club/sendtofriend/' + $(this).attr('rel'), function() {
$(this).fadeIn('fast')
});
return false;
});
$('.djlink').click(function(e) {
e.preventDefault();
$("#djinfo").fadeOut('fast').load($(this).attr('href'), function() {
Cufon.refresh();
$(this).fadeIn('fast');
});
return false;
});
关于jquery - 如何阻止 jQuery 函数相互干扰?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/901433/