jQuery可以在Firefox中工作，但不能在IE7中工作

我从jQuery中获得了以下手风琴脚本，它在Firefox中工作得很好，但在IE7中却不行。在IE7中，我可以看到5个部分，但是没有手风琴效果。

 <!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中运行这个脚本?

IE 7有一个bug，你必须设置"animated: false"one_answers"autoHeight: false"来修复它。

$(window).load(function() {
        $('div.accordion').accordion({
            heightStyle: "content",
            animated : false,
            autoHeight : false
        });
    });

还有，检查你的锚标记。IE7不喜欢它们出现在dt标签周围。这是一个应该在IE7中工作的JSFiddle，你可以用它作为一个基础来修复你所拥有的:

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

相关内容

最新更新

热门标签：