将元素添加到 jquery 的手风琴小部件

Question

我有一个 jquery-ui 手风琴小部件，列出了工作正常的项目部分（它们也是可排序的）。但用户可以使用 html 输入元素添加项目部分。

我想将该新元素添加到手风琴小部件中。

我的方法如下：销毁手风琴和可排序小部件，然后克隆小部件的第一个元素并将其添加到正在克隆的元素之前，以便新元素将成为第一个。之后，只需再次使小部件成为手风琴并可排序即可。

它确实重新创建了小部件，但不包含添加的元素！我不明白为什么不......

html 被转换为小部件：

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

javascript/jquery 使手风琴在第一次加载时也使可排序和手风琴一起工作良好（停止功能）

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() /已解决