jQuery, конфликтующий с другим на одной странице

Question

У меня проблема с моим jQuery noConflict. Страница, на которую я пытаюсь включить jQuery, имеет раскрывающуюся навигацию, которая уже использует правило noConflict(). Могу ли я использовать более одного noConlfict на странице для разных анимаций? У меня будет три разные функции jQuery, выполняемые одновременно на одной странице. Отдельно они работают нормально, но после их добавления на страницу они перестают работать. Ниже приведен один из jQuery, который нужно запустить. Может ли кто-нибудь помочь мне добавить к нему правило noConflict()?

$(function() { 
var current = 1; 


var iterate = function(){ 
    var i = parseInt(current+1); 
    var lis = $('#rotmenu').children('li').size(); 
    if(i>lis) i = 1; 
    display($('#rotmenu li:nth-child('+i+')')); 
} 
display($('#rotmenu li:first')); 
var slidetime = setInterval(iterate,5000); 

$('#rotmenu li').bind('click',function(e){ 
    clearTimeout(slidetime); 
    display($(this)); 
    e.preventDefault(); 
}); 

function display(elem){ 
    var $this = elem; 
    var repeat = false; 
    if(current == parseInt($this.index() + 1)) 
     repeat = true; 

    if(!repeat) 
     $this.parent().find('li:nth-child('+current+') a').stop(true,true).animate({'marginRight':'-20px'},300,function(){ 
      $(this).animate({'opacity':'0.7'},700); 
     }); 

    current = parseInt($this.index() + 1); 

    var elem = $('a',$this); 

     elem.stop(true,true).animate({'marginRight':'0px','opacity':'1.0'},300); 

    var info_elem = elem.next(); 
    $('#rot1 .heading').animate({'left':'-420px'}, 500,'easeOutCirc',function(){ 
     $('h1',$(this)).html(info_elem.find('.info_heading').html()); 
     $(this).animate({'left':'0px'},400,'easeInOutQuad'); 
    }); 

    $('#rot1 .description').animate({'bottom':'-270px'},500,'easeOutCirc',function(){ 
     $('p',$(this)).html(info_elem.find('.info_description').html()); 
     $(this).animate({'bottom':'0px'},400,'easeInOutQuad'); 
    }) 
    $('#rot1').prepend(
    $('<img/>',{ 
     style : 'opacity:0', 
     className : 'bg' 
    }).load(
    function(){ 
     $(this).animate({'opacity':'1'},600); 
     $('#rot1 img:first').next().animate({'opacity':'0'},700,function(){ 
      $(this).remove(); 
     }); 
    } 
).attr('src', info_elem.find('.info_image').html()) 
); 
} 

});

Answer 1

Как @adaneo уже комментировал, вы всегда должны обернуть ваш код в метод JQuery, но после того, что вы даже должны вызвать noConflict с первым параметром верно:

$.noConflict(true); 

Это удаляет свой JQuery полностью из jQuery и $ variable и возвращает объект jQuery. Вы можете использовать это возвращаемое значение, чтобы использовать его в своем коде, давая его к объекту или методу в качестве параметра:

function MyFunction($) { 
    $(doSomeThing); 
} 
MyFunction($.noConflict(true));