你好我正在研究一个JQuery嵌套的可排序列表,我遇到了一个嵌套排序的插件here 我可以成功地拖放列表项,但是一旦拖动列表中的项目,我想要进行ajax调用,是否可以使用此插件进行此操作?拖动完成后是否提供调用ajax的任何选项?
我的JS文件是
$('#sortable').nestedSortable(
{
disableNesting: 'no-nest',
forcePlaceholderSize: true,
handle: 'div',
items: 'li',
opacity: .6,
placeholder: 'placeholder',
revert: 250,
tabSize: 25,
tolerance: 'pointer',
toleranceElement: '> div',
connectWith: '.sortable',
onChange: function(serialized) {
},
onStop : function(){
var element_id = $(this).attr("id");
var parent_id = $(this).parent().attr("id");
var prev_sibling_id = $(this).prev().attr("id");
if(parent_id=='trash'){
var url = $(this).attr("patent-trash");
var data = {PID:element_id};
$.ajax({
type: "POST",
data: data,
url:url,
cache: false,
success: function(data) {
document.location.reload(true);
}
});
}
});
我之前使用onStop但是有一些问题,我认为插件是相同的但是一些更新是在1个月前完成的,现在它是否提供了在拖动完成后调用ajax的任何选项,或者是否有任何替代方式做到了吗?
请帮助我,我尽力了
提前致谢
答案 0 :(得分:3)
我找到了解决方案:)因为它与jQuery Sortable连接所以所有的事件,选项和方法都可以在这里找到。我用了
stop:function(){
var element_id = $(this).attr("id");
var parent_id = $(this).parent().attr("id");
var prev_sibling_id = $(this).prev().attr("id");
if(parent_id=='trash'){
var url = $(this).attr("patent-trash");
var data = {PID:element_id};
$.ajax({
type: "POST",
data: data,
url:url,
cache: false,
success: function(data) {
document.location.reload(true);
}
});
}
}
它有效:)