jQuery的 - 我的代碼不會出現在所有瀏覽器的工作

我有這樣的代碼：jQuery的 - 我的代碼不會出現在所有瀏覽器的工作

function displayLoader(toggle){ 
    if(toggle === 'show'){ 
     $('.overlay, .loader').css({ 
      'z-index'  : '1000', 
      'display'  : 'inline' 
     }); 
    } else { 
     $('.overlay, .loader').css({ 
      'display':'none' 
     }); 
    } 
}

和這個CSS是：

.overlay{ 
      clear: both; 
      width: 100%; 
      height:100%; 
      z-index:600; 
      position:absolute; 
      background: url('../images/overlay.jpg'); 
      background-repeat: repeat; 
      opacity:0.65; 
      filter:alpha(opacity=65); /* For IE8 and earlier */ 
      display:none; 
} 

.loader{ 
    z-index:1000; 
    position: absolute; 
    display: none; 
}

這裏是我的相關的HTML代碼：

<div class="overlay"> 
     <div id="horizon"> 
      <img src="../images/ajax-loader.gif" alt="Loading... Please wait." class="loader"/><br /> 
      <p class="loader">Loading... Please be patient.</p> 
     </div> 
</div>

這個工作正常，當我調用displayLoader（'show'）; （或隱藏）如果我使用FireFox，但只要我嘗試使用IE7 +，Chrome或Safari，它不會顯示任何內容。

我的CSS很差，你可能會看到。

對此的任何幫助將是偉大的。

謝謝！

來源

2012-03-13 DarkMantis

哪裏相關的HTML？我不推薦使用'.css'設置固定樣式，而是推薦使用['.addClass']（http://api.jquery.com/addClass/）+ ['.removeClass']（http：//api.jquery .com/removeClass。）或['toggleClass']（http://api.jquery.com/toggleClass/）。 – 2012-03-13 15:32:32

你在IE7中看到任何錯誤？ – 2012-03-13 15:33:12

我已經將HTML添加到了我的帖子中，並且沒有出現任何具體錯誤，它只是根本不顯示 – DarkMantis 2012-03-13 15:34:26

我做了一個小提琴。它似乎在IE中適合我。我錯過了什麼嗎？

http://jsfiddle.net/3aLgY/4/

來源

2012-03-13 15:39:20

感謝您的回答，但我認爲我已經用Rob W的幫助對它進行了排序。回答你的問題。不，你沒有錯過任何東西，我不確定它爲什麼在JSFiddle上工作，而不是在本地工作。 – DarkMantis 2012-03-13 15:41:48

jQuery的 - 我的代碼不會出現在所有瀏覽器的工作

回答

相關問題