2017-07-31 40 views
-1

次のHTMLはFirefoxとGoogle Chromeで動作します。しかし、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>

+0

あなたが試したことをお知らせください。 IE8ではどうなりますか?もっと具体的にする。 – Difster

+0

私が言及したように、それはFirefoxとChromeで動作しますが、IE8ではボタンをクリックしてもターゲットは開かれません –

答えて

0

確かに、あなたはそれをやっている方法は、IE上で動作していません。私はhereを見つけることができるjqueryuiからコードを直接テストし、それは私のために働いています。 <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />との互換性を変更して、別のバージョンを試すこともできますが、それを実行する最善の方法はないと思います。

+0

返信ありがとう –

関連する問題