我正在使用这个嵌套可排序插件 http://mjsarfatti.com/sandbox/nestedSortable/从我的内容管理系统中对图像幻灯片进行排序。
我尝试使用 html5 ondrop 事件,这样每当发生 drop 事件时,排序都会通过 ajax post 保存,但仍然处于 drop 状态,不会转到 save_order 函数
HTML:
<div ondrop="save_order(event)" ondragover="return false;>
<ol class="sortable">
<li id="list_1" draggable="true" class="mjs-nestedSortable-no-nesting"><div><img src="{image_path}"/></div></li>
<li id="list_2" draggable="true" class="mjs-nestedSortable-no-nesting"><div><img src="{image_path}"/></div></li>
</ol>
</div>
JS:
$(document).ready(function(){
$('.sortable').nestedSortable({
disableNesting : 'mjs-nestedSortable-no-nesting',
handle : 'div',
items : 'li',
toleranceElement: '> div'
});
});
function save_order(event)
{
serialized = $('ol.sortable').nestedSortable('serialize');
$.post({my_ajax_url}',serialized,function(data){
alert('save!');
});
}
最佳答案
只是必须弄清楚这一点。使用停止属性。类似...
$(document).ready(function(){
$('.sortable').nestedSortable({
disableNesting : 'mjs-nestedSortable-no-nesting',
handle : 'div',
items : 'li',
toleranceElement: '> div',
stop: function() { save_order(); }
});
});
关于jquery - 嵌套排序中的放置事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14155759/