Magento产品查看的jQuery问题

Question

我已经包含下面的代码作为CSS修复是不可行的。它的工作，但现在我无法获得预先存在的javascripts工作！为什么有这个原因？我想让菜单切换之前正在工作的菜单，当点击它切换到另一个文本时。

这是链接，如果你需要看看： 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代码可以运行了。