jQuery的royalSlider功能在IE8或IE7

這裏不費一槍是我遇到的麻煩頁： http://www.jonathanadler.com/presstest3.php jQuery的royalSlider功能在IE8或IE7

RoyalSlider在除了IE8和IE7所有的瀏覽器工作正常（和插件應該支持這些瀏覽器）。 embedTumblr正在正常工作，因爲是removeClass，但royalSlider功能沒有解僱。

這裏是我的網頁上的腳本：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#posts_container').embedTumblr('http://api.tumblr.com/v2/blog/japress.tumblr.com/posts?api_key=k9xgGA3H3LY3WFHgXMosOExTgQFSnhdGZCdrCdGJSgGSnLbg34'); 
    }); 
    $(window).load(function() { 
     $('#posts_container').removeClass('hide'); 
     $('.royalSlider').royalSlider({ 
      arrowsNav: false, 
      autoScaleSlider: false, 
      imageAlignCenter: false, 
      addActiveClass: true, 
      controlNavigation: 'none', 
      fadeinLoadedSlide: false, 
      globalCaption: true, 
      globalCaptionInside: true, 
      imageScaleMode: 'fit', 
      keyboardNavEnabled: true, 
      visibleNearby: { 
       enabled: true, 
       centerArea: 0.4, 
       center: true, 
       breakpoint: 0, 
       navigateByCenterClick: true 
      } 
     }); 
    }); 
</script>

我是比較新的JavaScript/jQuery的，所以我猜它可能是一個語法問題，或者類似的東西。任何幫助，你可以給予不勝感激！

來源

2013-02-15 user2075983

幾點建議：

（1）嘗試使用不同的文檔類型，你正在使用可能造成的問題之一。

或者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

或

<!doctype html> (If you want to switch to HTML5 - recommended)

（2）通過HTML和CSS運行您的網站validatior，你有大量的錯誤。

（3）我想你會以及具有文檔準備好塊中的滑塊JS代碼了。除非在內部使用窗口加載有充分的理由嗎？

（4）您正在運行jQuery的舊版本。考慮將其更新到最新版本。

來源

2013-02-15 15:27:10

當我嘗試將當前位於window.load中的JS移動到document.ready塊中時，它在每個瀏覽器中都會中斷（與IE8中的方式相同......除了.royalSlider都會觸發）。我不知道這是否有助於診斷問題。至於你的其他建議，我擔心在全球範圍內改變網站的其他功能，但是一旦我確定我的頁面特定的代碼不是問題，我會嘗試這些。謝謝！ – user2075983 2013-02-15 20:11:09

我們可以看到這裏很多JS請求：

JS requests

和2級文件的jQuery庫：

http://www.jonathanadler.com/skin1/jquery-1.8.0.min.js http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

因此，讓我想了JS的衝突。

來源

2013-02-19 19:52:53 jjj

我們讓開發人員研究它，他們刪除了Google 1.7.1版本，但它仍然沒有解僱。如果這是某種JS的衝突，我不會感到驚訝;我們有很多事情要做...... – user2075983 2013-02-20 21:31:05

使用樣板（框架）可以是防止JS衝突的好方法。 – jjj 2013-02-20 21:40:04

jQuery的royalSlider功能在IE8或IE7

回答

相關問題