麻煩與jquery和bxslider與magento

Question

我在使用名為bxslider的jquery擴展遇到麻煩，

滑塊中的圖像似乎沒有變化。 同時我不知道為什么。

我正在使用magento，因此原型和jquery可能會出現問題，但我不這么認為。

這是網站www.f4funky.com

如果有人可以檢查該網站，那就太好了

相關代碼似乎修改了我的標記。 但是我看不到任何錯誤，為什么它不起作用

這是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>

Answer 1

嘗試將jQuery置於noConflict模式，然后使用jQuery（）函數包裝器，以便繼續在jQuery中使用標准$ ：

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