以上是效果图,附件是源码
使用的注意事项:
将<script type="text/javascript">
$(function() {
$("#test")
.dragsort(
{
dragSelector : "div",
dragEnd : saveOrder,
dragBetween : false,
placeHolderTemplate : "<li class='placeHolder'><div></div></li>"
});
//$("#test").dragsort("destroy");
});
function saveOrder() {
var data = $("#test li div").map(function() {
return $(this).attr("id");
}).get();
$("#order").val(data.join("|"));
};
</script>
代码要放置于要排序的内容之后!!!
相关推荐
jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)
jquery插件jquery-ui-1.8.18.custom.min.js
jquery插件--表格分页。
Jquery插件-分享插件
jQuery插件--星级打分,供大家一起共同分享学习。
jquery插件jquery-ui-1.8.2.custom.min.js
Jquery插件-手机端选择省市
jquery插件- slick轮播图插件
Jquery插件-弹窗
360°产品展示jQuery插件--3dEye.js
Jquery插件-垂直进度条。。
一个JQuery插件 - Javascript可拖动的模式窗口
JQUERY插件,ajax不需要刷新,即可实现搜索功能
jquery插件大全--打包下载 jquery插件大全--打包下载 jquery插件大全--打包下载 jquery插件大全--打包下载
jquery插件-表单验证 根据focus blur
jquery插件-图片轮显,类似苹果浏览器的效果
jQuery版本迁移辅助插件,如果您使用的低版本jQuery改为高版本后出现错误,可以试试这个插件。用来检测和恢复在jQuery1.9版本中已删除或已过时的API。jquery-migrate-1.2.1.js,jquery-migrate-1.2.1.min.js
帮助你生成组织结构图的jQuery插件 - jOrgChart 大家可能看到过使用javascript类库JavaScript InfoVis Toolkit实现的特效组织结构图,这里我们使用jQuery插件-jOrgchart也同样可以实现一个组织结构图。 主要特性: ...
jQuery插件 - 图片放大镜,支持IE6