我尝试了很多但没有成功 :( 我有两个相互连接的可排序列表。问题是列表“A”可以接受其中的任何列表项。但是列表“B”只能接受具有类 = 'abc'
代码如下
<ul id='A'>
<li>item A1</i>
<li>item A2</i>
<li class='abc'>item A3</i>
</ul>
<ul id='B'>
<li class='abc'>item A1</i>
</ul>
我正在尝试的 jquery 代码是
$('#A').sortable({revert: true, connectWith: '#B'})
$('#B').sortable({revert: true, connectWith: '#A', over: function(event, ui){
if(!ui.item.hasClass('abc')){
ui.placeholder.addClass('ui-state-error');
ui.sender.sortable('cancel');
}
}})
哪里不对请指点一下,谢谢
最佳答案
您可以尝试改用接收事件,尽管这样做会有点延迟,而且 addClass 不起作用:
$('#A').sortable({revert: true, connectWith: '#B'})
$('#B').sortable({revert: true, connectWith: '#A',
receive: function(event, ui){
if(!ui.item.hasClass('abc')){
$(ui.placeholder).addClass('ui-state-error');
$(ui.sender).sortable('cancel');
}}
});
关于jquery - 拒绝可排序列表中的无效可排序项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9516701/