Как ограничить количество элементов в списке сбрасываемым?

Question

Может ли кто-нибудь из вас помочь мне изменить мой код, чтобы ограничить количество элементов в списке с возможностью переключения, чтобы принять только один элемент, и показать сообщение, если пользователь попытается удалить более одного элемента?

Вот мой код

$("#droppable_widget,#draggable_widgets").sortable({ 
      connectWith: "#droppable_widget,#draggable_widgets", 
      start: function (event, ui) { 
        ui.item.toggleClass("highlight"); 
      }, 
      stop: function (event, ui) { 
        ui.item.toggleClass("highlight"); 
      } 
}); 

Answer 1

Просто возвращают ложь, когда условия возникают, когда вы хотите, чтобы отменить событие. Кажется, что-то похожее на счет, это то, что вы хотите? http://jsfiddle.net/tBaHd/1/

$("#droppable_widget,#draggable_widget").sortable({ 
    connectWith: "#droppable_widget,#draggable_widget", 
    start: function (event, ui) { 
    }, 
    stop: function (event, ui) { 
    var item = $(ui.item); 
    var to = item.parent().is("#droppable_widget"); 
    var siblingsCount = item.siblings().size(); 
    if (to && siblingsCount > 0) { 
     alert("only one item allowed here"); 
     return false; 
    } 
    } 
}); 

Answer 2

$("#droppable_widget,#draggable_widgets").sortable({ 
      connectWith: "#droppable_widget,#draggable_widgets", 
      start: function (event, ui) { 
        ui.item.toggleClass("highlight"); 
      }, 
      stop: function (event, ui) { 
        ui.item.toggleClass("highlight"); 
        $('#droppable_widget').droppable('disable'); 
      } 
});