【问题标题】:how do I get notified when the query sortable drop operation ends?当查询可排序删除操作结束时,我如何得到通知?
【发布时间】:2012-07-27 03:54:09
【问题描述】:
当 jquery 可排序放置操作中的项目结束时如何获得通知?
【问题讨论】:
标签:
javascript
jquery-ui
jquery
【解决方案1】:
这里我已经为上述查询完成了完整的垃圾箱。
演示: 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