jQuery Sortable-要排除具有特定类的特定元素

时间:2019-01-18 12:15:57

标签: jquery-ui-sortable

我有三个Unorder list sourceList,destinationAcceptTest,destinationDontAcceptTest。

然后sourceList元素具有四个

  • 元素,以及其中两个具有“ test”类的元素。

    元素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>

  • 0 个答案:

    没有答案