Вопрос jQuery о продукте Magento

Question

Я включил приведенный ниже код, так как исправление CSS не было жизнеспособным.Это сработало, однако теперь я не могу заставить работать уже существующие javascript-коды!Есть ли причина, почему?Я хочу, чтобы меню переключалось, которое работало раньше, поэтому при нажатии оно переключается на другой текст.

это ссылка, если вам нужно посмотреть: http://www.playerspriority.wmetools.com/shop/index.php/pro-peptide.html

Спасибо

<script type="text/javascript">
var n = $('select').length;
if(n == 2){
$('.product-collateral').attr('id','two-select-boxes');
}
$('div.zoom').attr('style','display:none');
$('p.zoom-notice').attr('style','display:none');
$('p.product-image-zoom').removeClass('product-image-zoom');
</script>

Answer 1

Насколько я знаю, magento использует прототип, что может привести к некоторым проблемам с переменной $. Запустите код jQuery в режиме без конфликтов и повторите попытку.

jQuery(document).ready(function(){
    jQuery.noConflict();
    // replace $. with jQuery.
    //e.g.
    jQuery('.product-collateral).attr('id','two-select-boxes');

});

Рекомендуется также обернуть ваш код jQuery в готовую функцию, чтобы быть уверенным, что DOM полностью загружен, прежде чем код jQuery сможет работать.