Question

我正在使用jQuery手风琴。在我的jsp中，我有以下结构：

<div id="accordion">

    <c:if...>
        <h3>Heading 1</h3>
        <div>
            <table>
                Content 1
            </table>
        </div>
    </c:if...>

    <c:if>
        <h3>Heading 2</h3>
        <div>
            <table>Content 2
            </table>
        </div>
    </c:if>

</div>

以下是我按照给定的顺序包含的jquery。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

我试图在页面加载时打开第一个元素（即“标题1”和“内容1”）。当用户点击第二个“标题2”时，第一个标题应自动关闭。

我尝试使用以下代码在document.ready上加载手风琴：

$(document).ready(function() { 
    $( "#accordion" ).accordion({ active: 0 });
});

但我仍然收到错误：

Object不支持该属性或方法。

Answer 1

您的代码对我来说很好。我用它设置了 fiddle 。

我要看的是

<script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

在我的小提琴中，我包括jQuery UI 1.9.2（尝试使用该版本的jQuery UI或尝试更新版本的jQuery和jQuery UI，我注意到jsfiddle不支持jQuery 1.10.1上的jQuery UI但它支持2.0.2上的UI 1.10.3）

Jquery $（“＃accordion”）。手风琴不起作用

1 个答案: