【问题标题】: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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-02-01
    • 2016-04-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-31
    • 1970-01-01
    相关资源
    最近更新 更多