jquery可排序验证

Question

我正在使用 jQuery 验证来对网站上的横幅进行排序。

我有三种横幅：

• 默认Banner（公司设置，现有规则不能删除但可以排序）
• Selectable Banner（可选择的横幅形成许多列表）
• Special Banner（特殊banner，由公司设置，这个和默认的区别是可以从轮播中移除）

横幅轮播有一些规则，最多允许 7 个横幅进入轮播，其中四个可以自定义，其中四个是可选横幅。我的逻辑如下：

 // no more than 7 banners allowed 
   $("#sortable1").sortable({
    connectWith: '.connectedSortable',
    //receive: This event is triggered when a connected sortable list has received an item from another list.
    receive: function(event, ui) {
        // so if > 7
        if ($(this).children().length > 7) {
            //ui.sender: will cancel the change. Useful in the 'receive' callback.
            $(ui.sender).sortable('cancel');
            alert('Your selection has been cancelled. A maximum 7 banners are allowed in the carousel.');
        }
        if ( $('#sortable1 .selectablebanner').length > 4) {
            alert('Your selection has been cancelled. A maximum 4 custom banners are allowed in the carousel.');
            $(ui.sender).sortable('cancel');
        }  
    }
}).disableSelection();
});

我制定的另一条规则是不能删除默认横幅，但可以对其进行排序。我已经这样实现了：

$("#sortable2").sortable({
cancel: ".ui-state-disabled",
  receive: function (event, ui) {
       if (ui.item.hasClass("defaultbanner")) {
           $(ui.sender).sortable('cancel');
           alert("This is a default banner, it can be sorted but not removed.");
       }
   }

});

但是我想稍微修改一下，但不知道如何从这个逻辑开始，因为它稍微高级一些。

我要实现的规则是，如果 ul#sortable1 中有 2 个或更多“选定横幅”，则可以删除默认横幅。但是，例如，如果只有一个 defaultbanner 和一个 selectablebanner。然后我希望应用我之前的验证，即无法删除默认横幅。

谁能帮我解决这个问题。

我创建了一个jsFiddle，其中包含我的完整代码。

提前致谢。

Answer 1

这对我来说并不完全清楚，但这是我对您可能在寻找什么的最佳猜测。

$("#sortable2").sortable({
    cancel: ".ui-state-disabled",
      receive: function (event, ui) {
           if (ui.item.hasClass("defaultbanner") && $('#sortable1 li').length <= 1) {
               $(ui.sender).sortable('cancel');
               alert("This is a default banner, it can be sorted but not removed.");
           }
           else if($('#sortable1 li').length <= 1) {
              $(ui.sender).sortable('cancel');
              alert('You must have at least two banners');    
          }
       }
  });

Fiddle