JQuery 插件SortTable的学习总结

下载jquery中sorttable的js插件使用,用于美化截面同时满足客户需求
简单实例如下:
<!DOCTYPE html>
<html>
<head>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.sortable.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
   //在js初始化中绑定相应的id标签
    $("#sortable").sortable();
  });
  </script>
</head>
<body style="font-size:62.5%;">
  
<div id="sortable">
<table></table>
</div>

</body>
</html>

关于SortTable中特殊属性的应用:

 axis:表示默认为false表示不可拖动,如果设置为‘x’,‘y’则可以水平或垂直拖动

cancel:表示如果匹配cancel设置的元素则停止排序。

scroll:表示是否可以滚动的

start:定义的回调的函数当排序时。

 

 

你可能感兴趣的:(JavaScript,html,jquery,UI,css)