当我包括手风琴时，我发现它总是默认为第一个面板

Question

<%@include file="mainNavigation.jsp"%>

我不喜欢复制相同的代码，所以我包含了手风琴，但是当我打开一个新的网站时，手风琴仍然是默认面板。我尝试写js来改变默认面板，但是没有用。

${page}是session记录应该是哪个panel。

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script>
    window.onload=function () {
        var a=${page};
        if(a==2){
            $("#accordion").accordion("select","账户管理");
        }
    }
</script>
<div region="west" style="width: 200px" title="功能菜单" split="true">
    <div id="accordion" class="easyui-accordion" data-options="fit:true,border:false">
        <div id="accordion_1" title="账户管理" data-options="iconCls:'icon-ok'" style="padding: 10px">
            <a href="/web/userInfo" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-edit'" style="width: 150px">个人信息</a>
            <a href="/web/resetPassword" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-edit'" style="width: 150px">密码重置</a>
        </div>

        <div id="accordion_2" title="本地文件管理" data-options="iconCls:'icon-mini-add'"  style="padding: 10px">
            <a href="/web/fileSearch" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-search'" style="width: 150px;">文件搜索</a>
            <a href="/web/fileClassification" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-reload'" style="width: 150px;">文件分类</a>
        </div>

        <div id="accordion_3" title="云端文件管理" data-options="iconCls:'icon-tip'"  style="padding: 10px">
            <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-tip'" style="width: 150px;">云端文件</a>
            <a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-tip'" style="width: 150px;">云端上传</a>
        </div>
    </div>
</div>

Answer 1

您应该改用以下代码：

// Setter
$( ".selector" ).accordion( "option", "active", 2 );

更多详情，您可以访问此link

Answer 2

我不确定为什么你的代码不起作用，但你可以通过添加标签来解决这个问题。

<div title="账户管理" data-options="iconCls:'icon-help'" style="padding:10px;" selected>

此外，您的代码没有任何问题。

$("#accordion-id").accordion("select", "title or index");

link

当我包括手风琴时，我发现它总是默认为第一个面板

When I include the accordion, I find it always defaults to the first panel

javascript

jquery-easyui