Question

我正在尝试使用此 jPList 库对列表进行排序问题是库使用 select 选项来执行它，我不喜欢它。我正在尝试使用按钮来订购我的清单。
在我的JsFiddle上你可以看到我创建的一个演示，我的列表更大，但类似：

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

我正在使用函数 .html 在html中插入他们在this页面上使用的代码来对列表进行排序。如果我手动放入 #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

$（＆＃39;＃main_div＆＃39;）。on（＆＃39; click＆＃39;，＆＃34; .sortName＆＃34;，function（）{

$（＆＃39;＃sos＆＃39;）。html（＆＃39;点击＆＃39;）;

}）;

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

2 个答案: