EasyUI - 如何在顶部添加新的手风琴项目？

Question

我在网页上使用手风琴使用jquery-easyui的应用程序。

HTML Code of Accordion是：

res <- lapply(filename_lists3, function(x){
  m <- match(x,names(degree_list))
  x[!is.na(m)] <- degree_list[m[!is.na(m)]]
  return(x)
})

##### results
> res
$`809`
[1] "5" "1"

$`859`
[1] "6"

$`957`
[1] "spec/debugger/spec_helper.rb"

$`1007`
[1] "1" "6"

$`1038`
[1] "spec/ruby/core/file/stat/setgid_spec.rb"

$`1099`
[1] "2" "2" "2"

$`1179`
[1] "2" "7" "5"

$`1235`
[1] "vm/builtin/thread.hpp"      "vm/builtin/thread.cpp"      "kernel/common/thread.rb"    "kernel/bootstrap/thread.rb"

$`1390`
[1] "spec/ruby/core/marshal/dump_spec.rb"

$`1422`
[1] "spec/tags/19/ruby/core/module/constants_tags.txt" "7"                                               
[3] "5"                                                "kernel/common/module.rb"  

我希望在运行时使用JS在Accordion中添加一个新的Item。 用于添加的JS函数是：

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

问题是：
新项目在项目＆＃34; JS＆＃34;。下 如何将顶部的项目添加为第一个？在＆＃34; Java＆＃34;

之前

谢谢！

Answer 1

您可以在添加项目后立即更改项目的位置。以下函数将最后一个元素移动到手风琴的开头。如果您想将元素移动到不同的位置，您只需要为现有元素指定ID，然后相应地修改选择器。

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

Answer 2

1.删除旧面板 2.添加新面板 3.添加旧面板

但是，解决方案是愚蠢的。 HH