未使用IE8的手風琴

-1

以下HTML適用於Firefox和谷歌瀏覽器。但是，它不適用於Internet Explorer 8.面板不會展開（請參閱下面的代碼）。未使用IE8的手風琴

無論如何，我可以使它與IE8的工作？

<!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
    <title> 
 
    Test 
 
    </title> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <script src=" http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
    <style> 
 
    .custom { 
 
     width: 130px !important; 
 
    } 
 

 
    div.panel { 
 
     display: inline-block; 
 
     background-color: lightblue; 
 
    } 
 
    </style> 
 
    </head> 
 
    <body> 
 
    <div class="accordion" id="myAccordion"> 
 
     <div class="panel"> 
 
     <button type="button" class="btn btn-primary custom" data-toggle="collapse" data-target="#collapsible-1" data-parent="#myAccordion">Section 1</button> 
 
     <div id="collapsible-1" class="collapse"> 
 
     Content 
 
     </div> 
 
     </div> 
 
     <br/> 
 
     <div class="panel"> 
 
     <button type="button" class="btn btn-primary custom" data-toggle="collapse" data-target="#collapsible-2" data-parent="#myAccordion">Section 2</button> 
 
     <div id="collapsible-2" class="collapse"> 
 
     Content 
 
     </div> 
 
     </div> 
 
     <br/> 
 
    </div> 
 
    </body> 
 
    </html>

來源

2017-07-31 Joshwa M

你需要讓我們知道你已經嘗試過。 IE8會發生什麼？等等更具體。 – Difster

正如我所提到的，它適用於Firefox和Chrome，但在IE8中，單擊按鈕將不會打開其目標 –

事實上，你正在做的方式是不工作的IE瀏覽器。我直接從jqueryui測試了代碼，你可以找到here，它對我有用。您也可以嘗試更改與<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />的兼容性並嘗試不同的版本，但我認爲這不是最好的方式。

來源

2017-07-31 08:31:01

感謝您的回覆 –

未使用IE8的手風琴

回答

相關問題