Question

我用ui库创建了手风琴标签，它适用于所有浏览器但不适用于IE8

这是我的代码：

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery UI Accordion - Sortable</title>
    <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">

    <script src="../../jquery-1.8.3.js"></script>
    <script src="../../ui/jquery.ui.core.js"></script>
    <script src="../../ui/jquery.ui.widget.js"></script>
    <script src="../../ui/jquery.ui.mouse.js"></script>
    <script src="../../ui/jquery.ui.sortable.js"></script>
    <script src="../../ui/jquery.ui.accordion.js"></script>
    <link rel="stylesheet" href="../demos.css">

    <script>
    $(document).ready(function() {

    $("#acc1").accordion({
            active:".ui-accordion-left", 
            alwaysOpen: false,
            autoheight: false,
            header: 'a.acc1',
            clearStyle: true
    });
    $("#acc2").accordion({
            active:".ui-accordion-left", 
            alwaysOpen: false,
            autoheight: false,
            header: 'a.acc2',
            clearStyle: true
    });

});
    </script>
</head>
<body>
<ul id="acc1" class="ui-accordion-container">
    <li>
        <div class="ui-accordion-left">
            </div>
                  <a class="ui-accordion-link acc1">1a
                     <span class="ui-accordion-right"></span>
                      </a>
                      <div>
                        data of 1a<br/>
                        data of 1a<br/>
                        data of 1a<br/>
                        <ul class="ui-accordion-container" id="acc2">
                        <li>
                                <div class="ui-accordion-left">
                              </div>
                                <a class="ui-accordion-link acc2">2a
                                <span class="ui-accordion-right"></span>
                             </a>
                                <div>
                                data of 2a<br/>
                                data of 2a<br/>
                                data of 2a<br/>
                                </div>
                        </li>
                        <li>
                                <div class="ui-accordion-left">
                              </div>
                                <a class="ui-accordion-link acc2">2b
                                <span class="ui-accordion-right"></span></a>
                                <div>
                              data of           2b<br/>
                                data of 2b<br/>
                                data of 2b<br/>
                                </div>
                        </li>
                </ul>
                </div>
      </li>
    <li>
              <div class="ui-accordion-left"></div>
                <a class="ui-accordion-link acc1">1b
                <span class="ui-accordion-right"></span></a>
               <div>
                data of 1b<br />
                      data of 1b<br />
                      dta of 1b <br />
               </div>
    </li>
</ul>


<div class="demo-description">
<p>Drag the header to re-order panels.</p>
</div>
</body>
</html>

Firefox工作的截图： FireFox IE8截图无效：我想我错过了一些事！如何解决？

提前致谢

Answer 1

添加脚本类型

 <script type="text/javascript">

    $(document).ready(function() {

    }):

</script>

手风琴标签不适用于IE8

1 个答案: