2012-06-24 2 views
0

Я пытаюсь сделать базовую веб-страницу, которая использует как jQuery, так и MooTools.Ошибка конфликта jQuery/Mootools

Вы можете увидеть рабочий пример здесь: http://jsfiddle.net/DddQA/

Однако, в любое время я стараюсь ссылаться на MooTools, это borks моей страницы.

Вот мой текущий код, который я имею проблемы с:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

    <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> 

     <head> 

     <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1rc1.min.js"></script>  
     <script type="text/javascript"> 
     <!-- remove this line below to make the hyperlink box work correctly --> 
     jQuery.noConflict(); 

     //<![CDATA[ 
     $(window).load(function(){ 
     $(".affiliate-scheme").click(function(){ 
      window.location=$(this).find("a").attr("href"); 
      return false; 
     }); 
     });//]]> 
     </script> 

     <!-- remove this line below to make the hyperlink box work correctly --> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js"></script> 

     </head> 

     <body id="affiliate-scheme"> 

      <div class="affiliate-scheme" style="background:red"> 
       <h3>Affiliate Scheme</h3> 
       <ul> 
        <li><a href="/affiliate-scheme/" title="Promote with our Affiliate Scheme">Promote Us</a></li> 
       </ul> 
      </div> 

     </body> 

    </html> 

Большое спасибо за любую помощь здесь. Очень ценится.

+1

использование 'jQuery.noConflict();' – Dhiraj

+0

Спасибо, Dhiraj. Можете ли вы объяснить, как я буду использовать его в моем примере? Все, что я пробовал до сих пор, не сработало:/Спасибо. – michaelmcgurk

+1

Я знаю, что вы знаете, но не используйте две разные библиотеки - выберите один и просто используйте это. –

ответ

Смежные вопросы