jQueryUI的手風琴與IE8

定製的錨我在我的網頁非常簡單的手風琴，我和初始化：jQueryUI的手風琴與IE8

 $(document).ready(function() { 
       $('#accordion').accordion({ 
        'autoheight':true, 
        'header': 'img' 
       }); 
     });

後來我：

     <div id="accordion"> 
         <img src="/public/images/btn_avant.gif" alt="" /> 
         <div> 
          <ul> 
           <li><a href="/">link</a></li> 
           <li><a href="/">link</a></li> 
          </ul> 
         </div> 
         <img src="/public/images/btn_pendant.gif" alt="" /> 
         <div> 
          du contenu 
         </div> 
         <img src="/public/images/btn_apres.gif" alt="" /> 
         <div> 
          du contenu 
         </div> 
        </div>

，Chrome瀏覽器Firefox的作品完美但不在IE8中。在IE8中顯示確定，但是當我點擊img時，什麼也沒有發生。

IE8確實告訴我在jquery.js的第4083行的jquery中有一個錯誤：我收到一個錯誤。

請求訪問方法或意外屬性。

但在Chrome中沒有。

如果我更改im3的h3標籤，一切都按預期工作。那麼我可以在ie8中更換jqueryui手風琴的錨嗎？

我只是嘗試設置標題到一個類，並給每個img，但它繼續工作，除了IE瀏覽器。

來源

2010-08-30 Iznogood

唉，我通過將我的img封裝在一個帶有類的div中，並將它設置爲此類的標題，並在IE8中工作，從而實現了它的工作。

表現很糟糕，我們正在考慮在我們的項目中放棄手風琴。

我會留下問題，因爲我沒有回答我的問題，因此找到了一個可行的解決方法。所以如果有人發佈真正的解決方案，我會接受答案。

來源

2010-08-30 21:50:51 Iznogood

您可能想嘗試設置圖像標籤上的style屬性以顯示：block。例如：<img src="myimage.png" style="display:block;" />。如果這不起作用，我的假設是，IE8不會將圖像標記視爲正常標記，因爲它應該是（不是很大的驚喜）。

來源

2010-08-30 21:29:53

是的它沒有工作:(我想我可以得到它與H3內部的IMG工作，但實際上它應該是如此簡單 – Iznogood 2010-08-30 21:33:56

我在IE8中的jQuery UI手風琴有同樣的問題。我使用的IMG作爲一個自定義頁眉（通過設置類頭），並獲得在< Internet Explorer 8中我的代碼中的錯誤看起來是這樣的：

$(function() { 
     $("#accordion").accordion({ 
      collapsible: true, 
      active:false, 
      autoHeight: false, 
      header:'.header' 
     }); 
    }); 
    </script>

我不需要改變我的腳本，只有我的HTML。我用一個div標籤包裝了我的自定義img頭並使其具有一個頭類。因此，而不是<img class="header".../>我用：<div class="header"><img ... />...</div>

謝謝你的提示了Iznogood

來源

2011-09-07 11:48:33

謝謝。你真是太棒了！ – Iznogood 2011-09-07 19:59:21

jQueryUI的手風琴與IE8

回答

相關問題