jquery – 拒绝可排序列表中的无效可排序项

前端之家收集整理的这篇文章主要介绍了jquery – 拒绝可排序列表中的无效可排序项前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我尝试了很多但没有成功的事情:(我有两个相互连接的可排序列表.事情是列表’A’可以接受其中的任何列表项.但是列表’B’只能接受一个具有class =’abc’的项目

代码

    我正在尝试的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');
       }
    }})
    

    请指导我错在哪里,谢谢

    最佳答案
    您可以尝试使用receive事件,虽然它有点延迟这样做并且addClass不起作用:

    $('#A').sortable({revert: true,receive: function(event,ui){
            if(!ui.item.hasClass('abc')){   
                $(ui.placeholder).addClass('ui-state-error');                    
                $(ui.sender).sortable('cancel');
            }}
    })​;​
    

    示例 – http://jsfiddle.net/b5ykK/1/

    原文链接:https://www.f2er.com/html/425827.html

    猜你在找的HTML相关文章