IE7中的jQuery幻燈片問題

我對IE7上的幻燈片效果有點問題。我有下面的代碼IE7中的jQuery幻燈片問題

<div class="left_panel_body"> 
     <ul class="side_panel_list" style="margin-top:53px"> 
      <li id="click"><a>PQR</a></li> 
       <div id="dropdown" style="display:none;"> 
       <ul style="list-style:none"> 
      <li><a href="#" style="padding-left:20px">xyz</a></li> 
      <li><a href="#" style="padding-left:20px">xyz</a></li> 
      <li><a href="#" style="padding-left:20px">xyz</a></li> 
      </ul> 
       </div> 
      <li><a href="#">abc</a></li> 
      <li><a href="#">abc</a></li> 
      <li><a href="#">abc</a></li> 
     </ul> 
     </div>

嵌套列表，而CSS是如下

#click {background-color: rgb(234, 234, 234); 
height: 24px; 
margin-top: 2px; 
width: 99%;} 

    #dropdown {display:none} 

    .side_panel_list li {background-color: rgb(234, 234, 234); 
height: 24px; 
margin-top: 2px; 
width: 99%;}

，而我有以下腳本頭

<script> 
    $(document).ready(function(){ 
    $("#click").click(function(){ 
    $("#dropdown").slideToggle("slow"); 
    }); 
    }); 
    </script>

沒有太多的CSS應用不用說#click啓動幻燈片onclick和#dropdown是滑落下來，並在另一次點擊備份的元素......如果在所有瀏覽器中看起來都很棒，但在IE7中，li不會滑下來爲#dropdown騰出空間，而#dropdown在li下面結束......

來源

2012-12-12 TDsouza

您可能需要爲IE7添加一些額外的CSS才能正確查看它。

在任何情況下，我們都需要更多的代碼才能給您一個很好的答案。你甚至可能想在這種情況下提供一個URL，以便我們可以檢查CSS。

此外，請考慮處理您的接受率。

來源

2012-12-12 07:42:00 hellohellosharp

IE7中的jQuery幻燈片問題

回答

相關問題