如何在查询可排序删除操作结束时收到通知?

时间:2012-07-27 03:54:09

标签: javascript jquery-ui jquery

如果jquery sortable drop操作中的项目结束,如何收到通知?

1 个答案:

答案 0 :(得分: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