拖放更实用的jQuery拖放排序为后台列表表

许多后台列表现在可以自由排序列表,以方便拖放排序的使用。

不多说了,我通过对比发现网上,一些演示,现在方便实用的演示是基于jqueryui.js上市,

第一个html代码,非常简单:

复制代码








JQueryUI拖动




游标;指针;}





序列号
特别的一年
标题
作者





二千零一十四
这些是第一个。
Stephen A Stephen



二千零一十五
这些是第二个。
阿萨德提出了一个年龄点



二千零一十六
这是第三个。
阿萨德送这个地方



二千零一十七
这是第四个。
比赛的说法








复制代码

除了对jquery.js和jqueryui.js介绍,下面一段代码是必需的:

复制代码




$(文档)Ready(函数(){)
无功fixhelpermodified =功能(E,TR){
VaR原件= tr.children(美元);
无功辅助= tr.clone(美元);
helper.children美元()。每个(函数(指数){
$(这),宽度(originals.eq美元(指数),Width())
});
返回$助手;
},
updateindex =功能(E,UI){
('td美元。指数,ui.item.parent()()。每个功能(我){)
美元(这个),Html(I + 1);
});
};
$(#排序TBODY排序({)。
帮手:fixhelpermodified,
停止:updateindex
DisableSelection()});
});




这是一个更实用的拖动排序,我发现,或更方便。