2012-08-05 62 views
0

我的JQuery Anythingslider演示部署適用於我測試過的所有瀏覽器,包括IE(DEMO)。這個AnythingSlider JQuery爲什麼會在Chrome/Safari/Firefox等中運行,但不在IE中運行?

但是,當我嘗試將其插入到我的站點代碼中,這是一個糟糕的遺留JQuery,我無法控制,結果是它正確加載在Chrome瀏覽器,Safari & Firefox中,但不是全部在IE中。

要使用AnythingSlider,您需要提供基本標記,並且JQuery會添加類& ID來處理它。

這裏是原來的加價:

<ul id="slider"> 
    <li>CONTENT</li> 
    <li>CONTENT</li> 
    <li>CONTENT</li> 
</ul> 

這裏是我的加價外觀螢火蟲在Chrome:

<div class="anythingSlider anythingSlider-default activeSlider" style="width: 790px; height: 790px; "><div class="anythingWindow" style=""><ul id="slider1" class="anythingBase horizontal" style="width: 4740px; left: -1580px; "> 

    <li class="panel" style="width: 790px; height: 790px; "><img src="img/gallery05.jpg" alt=""> 
      CONTENT</li> 
</ul></div><div class="anythingControls" style="display: block; "><a href="#" class="start-stop" style="display: none; "><span>Start</span></a></div><span class="arrow back" style=""><a href="#"><span>«</span></a></span><span class="arrow forward" style=""><a href="#"><span>»</span></a></span></div> 

在Internet Explorer 8中,在同一頁面上,該mark-與原始數據保持一致--JQuery完全沒有運行,或者至少不會將任何更改寫入滑塊UL。當然,滑塊不起作用。

事情我已經嘗試:

  • 我使用JQuery noConflict 1.3.2 & 1.7並排側運行JQuery的。但是,當我將noConflict代碼添加到我的演示中時,它仍然在IE中工作,所以我不認爲是這樣。
  • 更改頁面腳本加載順序,以便AnythingSlider先加載,舊的腳本加載 - 沒有骰子。
  • Looking for an older version of AnythingSlider so I can run it without noConflict- in progress.
  • 有誰知道任何Internet Explorer 8的特定行爲,將停止運行這個插件,我可以構建我的網頁的任何方式來阻止這種情況發生的?

    +0

    如果你看看控制檯。您的'jquery.anythingslider.js'和'lightbox.js'文件從不下載。你有錯誤的路徑,應該先修復它 – 2012-08-05 14:48:23

    +0

    感謝您指出了這一點!雖然這是在演示頁面,並不是我的整個頁面上的問題,事實證明(見下面的答案)。 – Ila 2012-08-05 16:11:41

    回答

    1

    解決:被一個錯誤的逗號殺死。我打電話給我的滑塊是這樣的:

    $(function(){ 
        $('#slider1, #slider2').anythingSlider({ 
        buildNavigation  : false, 
        autoPlay   : false, 
        resizeContents  : false, 
        hashTags : false, 
        }); 
    

    當我刪除後假逗號,問題就解決了:

    $(function(){ 
        $('#slider1, #slider2').anythingSlider({ 
        buildNavigation  : false, 
        autoPlay   : false, 
        resizeContents  : false, 
        hashTags : false 
        }); 
    

    就是這樣。 IE被這個逗號窒息,而沒有其他瀏覽器。一個迷失的星期日的聖母把這個搞清楚了!

    相關問題