2013-06-12 58 views
0

我已經構建了一個站點,並且在主頁上使用了bxslider。事情是,它適用於Firefox和Chrome,但它在Internet Explorer上無法正常工作(我正在使用IE10)。bxslider在Chrome和Firefox上工作,但不在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上工作。正如你所看到的,它在右上角的點正在改變圖片,但你不能在頁面上看到它。

我希望你們能幫助我。

回答

2

你可以嘗試使用最新版本的jQuery嗎? 我可以看到你使用的是v1.8.2,我的網站使用的是v1.9.0,它在IE10中工作正常。

+0

那不是工作,壞:(..它工作在IE 8和9,但不是在10 :( –

+0

試試這個,只使用jquery.bxslider.js和jquery.1.9.0 ++。看看是否有幫助。 – Kooki3

+0

不工作 –

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> 

0

爲別人看... jQuery的版本是不是問題,我改變了我的文檔模式edge(以前content="IE=7"),那是我的問題,所以檢查出來以及!

確保你看起來類似這樣的東西...

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