jQuery BxSlider没有在ie7上工作

时间:2011-11-10 16:59:00

标签: javascript jquery

我正试图让bxslider在ie7 http://redbarn.blackdogstaging.com/的这个页面上工作,它在ie8和更新的浏览器中工作正常。好像脚本没有加载。我对js / jquery不太好,所以任何事情都会有所帮助。继承我正在使用的代码:

<script src="<?php bloginfo('template_url'); ?>/js/jquery.bxSlider.min.js" type="text/javascript" /></script>

<script type="text/javascript">
    $(document).ready(function(){
        $('#slider1').bxSlider({
            auto: true,
            pager: true,
            controls: true,
            infiniteLoop: false,
            captions: false,
            pause: 6000
        });
    });
</script>

谢谢!

3 个答案:

答案 0 :(得分:0)

您给出的链接在ie7中工作正常,具体

答案 1 :(得分:0)

新的BxSlider(BxSlider v4.0)有一些语法失败。我已经为IE7修复了它。您可以使用该固定版本。

好作品。

Fixed BxSlider

答案 2 :(得分:0)

如果脚本不起作用,请尝试添加$jQ = jQuery.noConflict();并替换所有$ - &gt; $jQ 这是准备好的脚本:

<script type="text/javascript">
$jQ = jQuery.noConflict();
    $jQ(document).ready(function(){
        $jQ('#slider1').bxSlider({
            auto: true,
            pager: true,
            controls: true,
            infiniteLoop: false,
            captions: false,
            pause: 6000
        });
    });
</script>

是的还有一件事,如果在IE7中表现不佳,请尝试将以下CSS应用于幻灯片中的<ul>

*+html .ul-class {
    position: absolute !important;
}