使用jPList单击按钮对列表进行排序

Question

我正在尝试用这个jPList库对列表进行排序。

问题是库使用了一个选择选项，我不喜欢这个选项。我正试着用按钮来订购我的单子。

在我的JsFiddle上，您可以看到我创建的一个演示程序，我的列表更大，但类似：

http://jsfiddle.net/Danny182/wsauumra/3/

我使用函数.html在html中插入他们在这页面上使用的代码来对列表进行排序。如果我手动将它放入#sos div中，它就能工作，但是使用单击按钮和.html就不能工作了。

有人能帮我吗？

$('.sortName').click(function () {
    $('#sos').html('<div class="hidden" data-control-type="default-sort" data-control-name="sort" data-control-action="sort" data-path=".title" data-order="asc" data-type="text"> clicked </div>');
});

Answer 1

已解决：

使用此代码工作，我必须在单击按钮后回忆该函数：

http://jsfiddle.net/Danny182/wsauumra/4/

$('#demo').jplist({
itemsBox: '.list',
itemPath: '.list-item',
panelPath: '.jplist-panel'
});

$('.sortName').click(function () {
    $('#sos').html('<div class="hidden" data-control-type="default-sort" data-control-name="sort" data-control-action="sort" data-path=".title" data-order="asc" data-type="text"> clicked </div>');


$('#demo').jplist({
    itemsBox: '.list',
    itemPath: '.list-item',
    panelPath: '.jplist-panel'
    });
});

Answer 2

$('#main_div').on('click'，‘.sortName’，function() {

$(‘#sos’).html(点击)；

})；