2016-09-06 38 views
-1

jQueryの次のaccordion-scriptは、Firefoxでは完全に動作しますが、IE7では動作しません。しかしIE7では、アコーディオン効果のない5つのセクションを見ることができます。jQueryはFirefoxでは動作しますが、IE7では動作しません。

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>jQuery UI Accordion - Default functionality</title> 
    <link rel="stylesheet" href="jquery-ui.css"> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script src="https://code.jquery.com/jquery-1.12.4.js" 
    type="text/javascript"></script> 
    <script src="jquery-ui.js" type="text/javascript"></script> 

    <script> 
    $(function() { 
     $("#accordion").accordion(); 
    }); 
    </script> 

    <form id="dialogform" title="Edit User" action=""> 
    <div class="edit"> 
    <div> 
     <div id="dataEdit"> 
     <div>Name</div> 
     <input class="name input" type="text" name="name" minlength="2" type="text" required aria-required="true"> 
     <div>Email</div> 
     <input class="mail input" type="email" name="email" required aria-required="true"> 
     </div> 
    </div> 
    </div> 
</form> 
<form id="dialogNewUser" title="New User" action=""> 
    <div class="edit"> 
    <div> 
     <div id="dataNew"> 
     <label> Name</label> 
     <input class="name input" name="name" minlength="2" type="text" required aria-required="true"> 
     <label>Email</label> 
     <input class="mail input" type="email" name="email" required aria-required="true"> 
     </div> 
    </div> 
    </div> 
</form> 

質問

私はIE7でこのスクリプトを実行するためにしなければならないのですか?

答えて

0

IE 7にバグがあります。これを修正するには、 "animated:false"と "autoHeight:false"を設定する必要があります。

また、アンカータグを確認してください。 IE7はdtタグの周りにいるのが好きではありません。ここではIE7で動作するはずJSFiddleだ、とあなたが持っているものを修正するためのベースとして使用することができます:あなたのコメントについて

http://jsfiddle.net/y6m2N/21/

+0

おかげでたくさん!私は初心者なので、どこでこれを行うことができますか教えてください。私はjquery-ui.jsファイルでそれを見つけられませんでした。または、このコードをhtmlファイルに追加する必要がありますか? – Columbus

+0

これはaspxページに追加するjavascriptです。 –

+0

もう一度ありがとう! IE11の場合、それは同じ解決策ですか? – Columbus

関連する問題