2012-07-27 26 views
-3

如何在jQuery排序刪除操作中的項目結束時收到通知?如何在查詢可排序的放置操作結束時得到通知?

+0

你的意思是一個回調...?你將不得不給我們更多的信息。 – jeff 2012-07-27 03:59:27

+0

是的,一個回調。當有人從一列中刪除一個元素到另一個時,如http://jqueryui.com/demos/sortable/#connect-lists,我希望得到通知 – user605957 2012-07-27 04:00:34

+0

嗯,它就在那裏選項>停止 – 2012-07-27 04:01:41

回答

0

在這裏我已經完成了上述查詢完整的箱。

演示:http://codebins.com/bin/4ldqp9e

HTML:

<ul id="sortable"> 
    <li class="ui-state-default"> 
    <span class="ui-icon ui-icon-arrowthick-2-n-s"> 
    </span> 
    Item 1 
    </li> 
    <li class="ui-state-default"> 
    <span class="ui-icon ui-icon-arrowthick-2-n-s"> 
    </span> 
    Item 2 
    </li> 
    <li class="ui-state-default"> 
    <span class="ui-icon ui-icon-arrowthick-2-n-s"> 
    </span> 
    Item 3 
    </li> 
    <li class="ui-state-default"> 
    <span class="ui-icon ui-icon-arrowthick-2-n-s"> 
    </span> 
    Item 4 
    </li> 
    <li class="ui-state-default"> 
    <span class="ui-icon ui-icon-arrowthick-2-n-s"> 
    </span> 
    Item 5 
    </li> 
    <li class="ui-state-default"> 
    <span class="ui-icon ui-icon-arrowthick-2-n-s"> 
    </span> 
    Item 6 
    </li> 
    <li class="ui-state-default"> 
    <span class="ui-icon ui-icon-arrowthick-2-n-s"> 
    </span> 
    Item 7 
    </li> 
</ul> 

CSS:

#sortable{ 
    width:50%; 
} 
#sortable li{ 
    list-style:none; 
} 
#sortable li span{ 
    display:inline-block 
} 

的Jquery:

$(function() { 
    $("#sortable").sortable({ 
     stop: function(event, ui) { 
      alert("Sorting Stopped..!"); 
      return false; 
     } 
    }); 
}); 

演示:http://codebins.com/bin/4ldqp9e

相關問題