Контекст JQuery в Magento

Question

Привет Я изучаю Javascript и застреваю, разрешая проблему JS, связанную с моим проектом. http://www.merekhayaal.com/ Я установил масонский макет, который противоречит остальной части JS. Я читал, что это обычно связано с установкой jQuery. Я только прошу указать здесь. Мне нужно следующий код, чтобы сделать работу макета Масонство:

<script src="babezlondon/modernizr-latest.js"> 

</script> 
<script src="//code.jquery.com/jquery-1.8.3.min.js"></script> 
<script>window.jQuery || document.write('<script src="js/shopshark/jquery-1.8.3.min.js"><\/script>')</script> 

<script src="babezlondon/jquery.masonry.min.js"></script> 
<script src="babezlondon/script.js"></script> 

Но когда я кладу это, остальная часть JS на разрывах страниц. Если решение состоит в том, чтобы реализовать неконфликт в jQuery, какие шаги я могу предпринять, чтобы убедиться, что я делаю это правильно в моем случае, поскольку есть несколько js-файлов, с которыми нужно иметь дело?

Answer 1

Вы уже пробовали использовать jQuery noConflict? http://api.jquery.com/jquery.noconflict/

<script src="other_lib.js"></script> 
<script src="jquery.js"></script> 
<script> 
$.noConflict(); 
jQuery(document).ready(function($) { 
    // Code that uses jQuery's $ can follow here. 
}); 
// Code that uses other library's $ can follow here. 
</script> 

Answer 2

Просто используйте jQuery в режиме noConflict().

Вставьте это внизу сценария jQuery;

var $jq=jQuery.noConflict(); 

так что теперь вам придется использовать $jq вместо $jQuery или $

Таким образом, каждый сценарий у вас есть для различных ползунков и т.д. Вы можете изменить вар $jq, чтобы удовлетворить.

Надеюсь, это поможет.

http://api.jquery.com/jQuery.noConflict/

Answer 3

Итак, что работал, когда я удалил строку кода

<script src="//code.jquery.com/jquery-1.8.3.min.js"></script> 

из сценария. По-видимому, это вызвало конфликт