我有三个Unorder list sourceList,destinationAcceptTest,destinationDontAcceptTest。
然后sourceList元素具有四个
元素destinationAcceptTest将接受所有元素。
但是当我将单个或多个列表元素从sourceList拖到“ destinationDontAcceptTest”列表元素时,它不应该接受具有类“ test”的
HTML:
jQuery( "#sourceList, #destinationAcceptTest,#destinationDontAcceptTest").on('click', 'li', function (e)
{
jQuery(this).toggleClass("selected");
}).sortable({
connectWith: "#sourceList,#destinationAcceptTest",destinationDontAcceptTest
receive: function(event, ui)
{
var receiverId = jQuery(this).closest("#sourceList,#destinationAcceptTest,#destinationDontAcceptTest").attr('id');
if(receiverId == "destinationDontAcceptTest" && $(ui.item).hasClass("test"))
{
ui.sender.sortable("cancel");
}
}
}).disableSelection();
<ul id="sourceList" multiple>
<li class="test">Number 1</li>
<li class="include">Number 2</li>
<li class="test">Number 3</li>
<li class="include">Number 4</li>
</ul>
<ul id="destinationAcceptTest" multiple>
</ul>
<ul id="destinationDontAcceptTest" multiple>
</ul>