Как я могу остановить функции jQuery, мешающие друг другу?

Question

У меня есть два отдельных (но похожих) бита кода jQuery. Они оба работают, но мешают друг другу. Как правильно отформатировать эти функции, чтобы они были уникальными и чтобы они не влияли друг на друга.

Кодовый блок 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');
    });

Кодовый блок 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;
    });