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

时间:2018-07-12 07:00:34

标签: javascript jquery-easyui

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

我不喜欢复制相同的代码,所以我包括了手风琴,但是当我打开一个新的网页时,手风琴仍位于默认面板上。 我尝试编写js来更改默认面板,但是没有用。

${page}是要记录它的会话,应该是哪个面板。

    <%@ 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>

2 个答案:

答案 0 :(得分:0)

您应该改用以下代码:

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

有关更多详细信息,您可以访问此link

答案 1 :(得分:0)

我不确定为什么您的代码不起作用,但是您可以通过放置标签来解决此问题。

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

此外,您的代码也没有错。

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

link