Question

我已经建立了一个网站，我在主页上使用了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上工作。如您所见，右上角的点正在改变图片，但您无法在页面上看到它。

我希望你们能帮帮我。

Answer 1

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

Answer 2

为什么要同时加载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>

<击>

Answer 3

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

确保你的内容与此相似...

<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />

bxslider在Chrome和Firefox上运行，但在IE10上运行

3 个答案: