bxslider在Chrome和Firefox上工作，但不支持IE10

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")，这是我的问题，所以检查一下!

请确保您的内容与以下内容类似:

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