将元素添加到 jQuery 的可折叠控件

Question

我有一个jquery-ui手风琴小部件列表项目部分工作良好(它们也是可排序的)。但是用户可以通过使用html输入元素来添加项目部分。

我想把这个新元素添加到accordion小部件中。

我的方法如下:销毁手风琴和可排序的小部件，然后克隆小部件的第一个元素，并将其添加到被克隆的元素，因此新元素将是第一个。之后，只需再次使小部件可折叠和可排序。

它确实重新创建了小部件，但它不包含添加的元素!

转换为小部件的html:

    <div id="accordion">
        <div>
            <h3><a href="#">Part</a></h3>
            <div>
                Some explaining text
            </div>
        </div>
    </div>

让accordion在第一次加载时显示，并让sortable和accordion一起工作(stop function):

var stop = false;
$('#accordion h3').click(function(e) {
    if (stop) {
        e.stopImmediatePropagation();
        e.preventDefault();
        stop = false;
    }
});
$('#accordion')
    .accordion({
        header: '> div > h3',
        fillSpace: true
     })
     .sortable({
         axis: 'y',
         handle: 'h3',
         stop: function() {
             stop = true;
     }
});

将元素克隆并添加到小部件并重新创建小部件的javascript:

$('#accordion').accordion("destroy").sortable("destroy");
$("#accordion > div:first").clone().prependTo("#accordion > div:first");
$('#accordion')
    .accordion({
        header: '> div > h3',
        fillSpace: true
    })
    .sortable({
        axis: 'y',
        handle: 'h3',
        stop: function() {
            stop = true;
        }
     });

Answer 1

好吧，有时候解决方案很明显。问题在于使用prependTo()函数。应该是:insertBefore()/Solved