我有一个 HTML 列表
<ul id="sections" class="ui-sortable">
<li class="selected">one</li>
<li> two</li>
<li>three</li>
<li> four </li>
<li>five</li>
<li> six </li>
</ul>
该列表可使用 jQuery UI 进行排序。
最初,第一个列表项有一个“selected”类。如果用户拖动任何项目并更改列表的顺序,则新位置中放置的列表项应具有“选定”类,并且还应删除任何其他“选定”列表项类。
在任何时间点只能有一个类别为“selected”的列表项。
如何实现这一点,我正在尝试使用 beforestop、stop、change 事件,但我无法弄清楚
$( "#sections" ).sortable({
stop: function( event, ui ) {
var present = $(ui.item).addClass("selected");
console.log(present);
}
});
最佳答案
试试这个
stop: function( event, ui ) {
$(this).find('.selected').removeClass("selected")
var present = $(ui.item).addClass("selected");
console.log(present);
}
关于jquery 可排序 : The dropped sortable list item should have a class applied removing similar class in other items,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17996708/