EasyUI - Как добавить новый элемент Аккордеона сверху?

Question

У меня есть приложение, использующее jquery-easyui, используя Аккордеон на веб-странице.

HTML-код аккордеона является:

<div id="taskAccordion" class="easyui-accordion" data-options="multiple:false" style="width:500px; height:300px;"> 
    <div title="Java" style="padding:10px;"> 
     <p>This is Java.</p> 
    </div> 
    <div title="PHP" style="padding:10px;"> 
     <p>This is PHP.</p> 
    </div> 
    <div title="JS" style="padding:10px;"> 
     <p>This is JS.</p> 
    </div> 
</div> 

Я хочу ао добавить новый пункт в аккордеона с JS во время выполнения. ИС-функция для добавления в:

function addItem(){ 
    $('#taskAccordion').accordion('add',{ 
     title: 'Perl', 
     selected: false, 
     content:'This is Perl.' 
    }); 
}    

Возникает вопрос:
новый элемент под пунктом "JS".
Как я могу добавить элемент вверху как первый? Перед "Java"

Спасибо!

Answer 1

1.delete старые панели 2.Add новой панели 3.Add старые панели

Но решение это глупо. hh

Answer 2

Вы можете изменить положение предмета сразу после его добавления. Следующая функция перемещает последний элемент в начало аккордеона. Если вы хотите переместить элемент в другую позицию, вам просто нужно указать идентификаторы для существующих элементов, а затем соответствующим образом изменить селектор.

function addItem(){ 
    $('#taskAccordion').accordion('add',{ 
     title: 'Perl', 
     selected: false, 
     content:'This is Perl.' 
    }); 
    $('#taskAccordion').prepend($("#taskAccordion").children().last()); 
}