Magento产品视图'jQuery问题


Magento product view's jQuery issue

我包含以下代码,因为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>

据我所知magento使用prototype,这可能会导致$变量出现一些问题。在无冲突模式下运行jQuery代码,然后重试。

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

将jQuery代码包装成一个现成的函数也是一个很好的实践,以确保在jQuery代码运行之前DOM已经完全加载。