0

我已经建立了一个站点，并且在主页上使用了 bxslider。问题是，它适用于 Firefox 和 Chrome，但它不能在 Internet Explorer 上正常运行（我使用的是 IE10）。

这是我的代码。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="includes/box/jquery.bxslider.js"></script>
<link rel="stylesheet" href="includes/box/jquery.bxslider.css" />
<script type="text/javascript"> 
    $(document).ready(function() { 

        $('.bxslider').bxSlider({
          auto: true,
          autoControls: false,
          captions: false,
          speed: 5000,  

          mode: 'horizontal',  
        }); 
    });

<div id="slider">
    <ul class="bxslider">
        <li><img src="afbeeldingen/basiswebpakket.png" title="Basis webpakket - Statische websites" /></li>
        <li><img src="afbeeldingen/basiswebpakket.png" title="afbeelding2" /></li>
        <li><img src="afbeeldingen/basiswebpakket.png" title="afbeelding3" /></li>
    </ul>           
</div>

我不明白为什么它可以在 Firefox 和 chrome 上运行，但不能在 IE 上运行。如您所见，右上角的点正在更改图片，但您在页面上看不到它。

我希望你们能帮助我。

4

3 回答 3

2

你可以尝试使用最新版本的jquery吗？我可以看到您使用的是 v1.8.2，我的网站使用的是 v1.9.0，它在 IE10 中运行良好。

于 2013-06-13T03:22:24.487 回答
0

对于其他人来说... Jquery 版本不是问题，我将文档模式更改为edge（以前是content="IE=7"），这是我的问题，所以也检查一下！

确保您的看起来与此类似...

<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
于 2015-04-14T10:52:28.253 回答
0

为什么要同时加载 jquery 1.8.2 和 1.4.2？您应该删除第二行：

<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>

于 2013-10-01T23:54:16.737 回答