jQuery - jeasyui accordion all collapse

Я использую гармошку jeasyui.jQuery - jeasyui accordion all collapse

Однако по умолчанию он всегда показывает первый аккордеон в открытом состоянии. Я хочу посмотреть, могу ли я показать все аккордеоны в сложенном состоянии, когда страница загружается.

Это ссылка, которую я упомянул для документации. 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>

FINAL РЕШЕНИЕ:

Я добавил следующий код в яваскрипте функции сворачивания панелей.

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

источник

2015-07-28 Amaan Mohammed

@BishopBarber это решение для JQuery аккордеона. Я использую другую библиотеку. –

Прошу прощения, ты прав. – TheWanderingMind

Что вы можете сделать, это, при нагрузке, получить весь аккордеон панель и вызвать метод collapse на каждом из них чтобы свернуть их:

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

источник

2015-07-28 13:09:41 TheWanderingMind

@ E2241 Добро пожаловать! Не забудьте принять ответ, чтобы будущие читатели могли легко найти решение. – TheWanderingMind

Я пытался принять ответ, но 1) код jsfiddle не работает, потому что он не дает вам возможности импортировать jQuery easy ui library js framework. Там есть все остальные. 2) код, который вы отправили, в основном из другой ссылки, которую я видел на этом веб-сайте. 3) Код по-прежнему неполный и должен иметь функцию document.ready. Поэтому я поставил решение в свой вопрос. –

@ E2241 Я действительно не против, чтобы вы не принимали ответ, так как теперь он находится на верхней части страницы, и будущие читатели найдут его первым. Однако я не согласен с тобой. 1) Насколько мне известно, jsfiddle работает. Нет, вы не можете легко импортировать jquery easy ui library js framework, потому что нет доступной версии cdn. Лучшее, что я мог сделать, это принять его на orionhub. 2) Код, который я предложил, действительно был вдохновлен [этим ответом] (http://www.jeasyui.com/forum/index.php?topic=5035.msg12530#msg12530). Тем не менее, будущие пользователи будут легче находить это в StackOverflow. – TheWanderingMind

Глядя на документации, предоставленной Вами вам необходимо установить выбранное свойство ложным много ссылаются на примере

<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

поставить выше в первом дел. Я за рулем слепого, как вы не предоставили код

Приветствие

Truez

источник

2015-07-28 12:28:22 Truezplaya

Я havbe пытался использовать это. Он не разрушает первый div. Однако, когда я устанавливаю его в true для других div, он отображается как открытый аккордеон. –

в это документация 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

источник

2015-07-28 13:57:05

jQuery - jeasyui accordion all collapse

ответ

Смежные вопросы