jquery-ui – 手风琴活动没有开火

我有警告应该触发’activate’和’beforeActivate’事件.这些都不会发生.

使用Javascript

$(function () {
  $(".accordion").accordion({
    collapsible: false,active: true,activate: function (event,ui) { alert("activate"); },beforeActivate: function (event,ui) { alert("before activate"); }
  });
});

HTML

<div>
  <ul>
    <li>0</li>
    <div class="accordion">
        <li>
            <h3><a href="#">First</a></h3>
            <div>
                <ul>
                    <li>1</li>
                    <li>2</li>
                </ul>
            </div>
        </li>
        <li>
            <h3><a href="#">Second</a></h3>
            <div>
                <ul>
                    <li>3</li>
                    <li>4</li>
                </ul>
            </div>
        </li>
    </div>
  </ul>
</div>

我知道我在ul的一侧嵌套div中的错误html.

解决方法

您确定并包含对 jQueryUI库的正确引用吗？

CDN

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.js'></script>

普通文件参考

<script type='text/javascript' src='.../yourDirectory/jquery-ui.js'></script>

您可以在下面看到一个工作示例,它在包含jQuery UI引用后正常运行.

Example