.toggle在IE8中無法正常工作

在IE8中，toggle kinda可以工作，但覆蓋了下面的內容。它可以在所有其他瀏覽器中正常工作。我一直試圖在過去的2個小時解決這個問題，但沒有運氣....toggle在IE8中無法正常工作

jQuery的：

$(document).ready(function() { 

    $('.toggle').hide(); 

    $('.expand-all').click(function(){ 
     // switch visibility 
     $(this).data('is_visible', !$(this).data('is_visible')); 

     // change the link depending on whether the element is shown or hidden 
     $(this).html((!$(this).data('is_visible')) ? 'Expand all' : 'Hide'); 

     $(this).next().toggle(); 

    return false; 
    }); 


});

HTML：

<div id="categories"> 
     <div class="cat"> 
      <h3>Rice</h3> 
      <ul> 
       <li><a href="">Rice brand 1</a></li> 
       <li><a href="">Rice brand 2</a></li> 
       <li class="expand-all">Expand all</li> 
       <div class="toggle"> 
        <li><a href="">Rice brand 1</a></li> 
        <li><a href="">Rice brand 1</a></li> 
       </div> 
      </ul> 
     </div> 
     <div class="cat">etc</div> 
     <div class="cat">etc</div> 
     <div class="cat">etc</div> 
    </div>

來源

2012-01-11 Cris

該示例頁面的javascript控制檯指示jquery未被加載。你的JS資源的URL是'tangola1.local'。 – 2012-01-11 20:34:41

對不起，jquery文件在本地加載。它應該在Chrome/Firefox中工作 – Cris 2012-01-11 20:37:08

在IE8中適合我。也許你應該描述你所看到的問題。 – 2012-01-11 20:39:39

看起來好像你在display : inline-block屬性中遇到了問題ETTING。

下面是一些嘗試，爲更多的東西嘗試只是谷歌的「Internet Explorer 8 inline-block的」：http://www.compsoft.co.uk/Blog/2009/11/inline-block-not-quite-inline-blocking.html

而且IE7將不接受display : inline-block屬性，所以你需要把它添加到您的代碼使其在IE7工作，以及：

.some-ele { 
    display : inline-block; 
    *display : inline; 
    zoom  : 1; 
}

的*display屬性無效，但仍然會通過IE7閱讀併爲它取影響元素必須有，你不能手動設置hasLayout財產，但你可以強制設置zoom : 1。

對於IE6你需要指定一個高度display : inline-block工作，但如果你只是想指定IE6的高度，您可以使用_height : XXpx將僅由IE6（多個無效代碼，IE就會消化）被讀取。以下是關於此的一些信息：http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

來源

2012-01-11 20:37:17 Jasper

抱歉，jquery文件在本地加載。它現在應該在chrome/firefox中工作。 IE8仍然不起作用。 – Cris 2012-01-11 20:38:10

在IE8中，切換工作，但它們有時覆蓋下面的內容。這是你的意思嗎？ – Jasper 2012-01-11 20:39:03

是的，他們覆蓋的內容 - 這就是問題 – Cris 2012-01-11 20:40:58

.toggle在IE8中無法正常工作

回答

相關問題