Javascript 使用magento的Jquery和bxslider出现问题
我在使用名为bxslider的jquery扩展时遇到问题 滑块中的图像似乎没有更改。我不知道为什么 我使用的是magento,所以prototype和jquery可能会有冲突,但我不这么认为 这是网站 如果有人可以查看该网站,那就太好了 相关代码似乎修改了我的标记。但我看不出有什么错误,为什么它不起作用 这是javacscriptJavascript 使用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"><
<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
});
});