Javascript 使用magento的Jquery和bxslider出现问题

Javascript 使用magento的Jquery和bxslider出现问题,javascript,jquery,magento,bxslider,Javascript,Jquery,Magento,Bxslider,我在使用名为bxslider的jquery扩展时遇到问题 滑块中的图像似乎没有更改。我不知道为什么 我使用的是magento,所以prototype和jquery可能会有冲突,但我不这么认为 这是网站 如果有人可以查看该网站,那就太好了 相关代码似乎修改了我的标记。但我看不出有什么错误,为什么它不起作用 这是javacscript <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"><

我在使用名为bxslider的jquery扩展时遇到问题

滑块中的图像似乎没有更改。我不知道为什么

我使用的是magento,所以prototype和jquery可能会有冲突,但我不这么认为

这是网站

如果有人可以查看该网站,那就太好了

相关代码似乎修改了我的标记。但我看不出有什么错误,为什么它不起作用

这是javacscript

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS),'jquery.bxSlider.min.js'?>"></script>

<script>
var jQuery_1_8_2 = jQuery.noConflict(true);

jQuery_1_8_2(document).ready(function(){
 jQuery_1_8_2('#slider1').bxSlider({
 infiniteLoop: false,
hideControlOnEnd: true,
auto:true,
slideWidth:960
});
});

</script>


尝试将jQuery置于noConflict模式,然后使用jQuery()函数包装器,这样您就可以继续对jQuery使用标准的
$

<script>
$.noConflict();
jQuery( document ).ready(function( $ ) {
    $('#slider1').bxSlider({
        infiniteLoop: false,
        hideControlOnEnd: true,
        auto:true,
        slideWidth:960
    });
});
</script>

$.noConflict();
jQuery(文档).ready(函数($){
$('#slider1').bxSlider({
无穷远:错,
希德·特罗隆德:没错,
是的,
滑动宽度:960
});
});