Question

我正在使用jeasyui手风琴。

但默认情况下，它始终显示处于打开状态的第一个手风琴。我希望看看我是否可以在页面加载时以折叠状态显示所有手风琴。

这是我为文档提到的链接。 http://www.jeasyui.com/documentation/accordion.php

我的代码：

<div id="someid" class="easyui-accordion" data-options="multiple:true" >

        <div title="About Accordion" 
            style="overflow: auto; padding: 10px;" >
            <h3 style="color: #0099FF;">Accordion for jQuery</h3>
            <p>Accordion is a part of easyui framework for jQuery. It lets
                you define your accordion component on web page more easily.</p>
        </div>

        <div title="About easyui" data-options="selected:true" style="padding: 10px;">easyui help you build your web page easily</div>

        <div title="Tree Menu">another set of information</div>

    </div>

最终解决方案：

我在javascript函数中添加了以下代码来折叠面板。

  $(document).ready(function() {
    var panels = $('.easyui-accordion').accordion('panels');
    $.each(panels, function(){
        this.panel('collapse');
    });
    });

Answer 1

你可以做的是，在加载时，获取所有的手风琴面板并在每个面板上调用collapse方法来折叠它们：

$(document).ready(function() {
    var panels = $('#aa').accordion('panels');
    $.each(panels, function() {
        this.panel('collapse');
    });
});

Answer 2

通过查看您提供的文档，您需要将所选属性设置为false，以链接示例

<div title="Title2" data-options="iconCls:'icon-reload',selected:true" style="padding:10px;">

data-options="selected:false" // this is what you need in your first div

将上面的内容放在你的第一个div中。因为你没有提供你的代码，我开车失明

干杯

Truez

Answer 3

在文档here中，在容器选项中，您可以使用选项selected，我尝试将其值设置为 -1 ，它起作用了，像这样：

<div id="aa" class="easyui-accordion" style="width:300px;height:200px;" data-options="
                selected:-1" >
    <div title="Title1"  style="overflow:auto;padding:10px;">
        <h3 style="color:#0099FF;">Accordion for jQuery</h3>
        <p>Accordion is a part of easyui framework for jQuery. 
        It lets you define your accordion component on web page more easily.</p>
    </div>
    <div title="Title2" data-options="iconCls:'icon-reload'" style="padding:10px;">
        content2
    </div>
    <div title="Title3">
        content3
    </div>
</div>

Jsbin Example

jQuery - jeasyui手风琴全部崩溃

3 个答案: