jquery - 如何阻止 jQuery 函数相互干扰？

Question

我有两个独立(但相似)的 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发送/停止部分。

Answer 1

如果我正确地猜测你要做什么，类似这样的事情应该可以解决它:

    $('#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;
    });