jquery插件如何通过鼠标拖动改变表格列的宽度

需要准备&＃xff1a;1. jquery 1.6.2版本&＃xff08;高的版本不能支持&＃xff0c;不知原因&＃xff09;&＃xff1b;

                    2. colResizable-1.3.min.js&＃xff1b;

                   *大家可以到我的网盘下载&＃xff08;http://pan.baidu.com/s/1jGGVqqM&＃xff09;&＃xff1b;

使用步骤&＃xff1a;1. 先引入jquery1.6.2版本&＃xff0c;释放1.6.2版本中对$符的控制&＃xff1b;

var jq162 &＃61; $.noConflict();//这里我为了看得清晰&＃xff0c;直接把$给换成jq162;                   

    2. 引入 colResizable-1.3.min.js&＃xff1b;

    3.  插入如下JS代码以实现功能&＃xff1a;//我是直接把这段代码也给放到colResizable-1.3.min.js里面了&＃xff0c;这样就不用再单独引入JS了&＃xff0c;也不用再页面中插JS代码了

 jq162(function(){

var onSampleResized &＃61; function(e){
var columns &＃61; jq162(e.currentTarget).find("th");
var msg &＃61; "columns widths: ";
columns.each(function(){ msg &＃43;&＃61; jq162(this).width() &＃43; "px; "; })
jq162("#sample2Txt").html(msg);
};
jq162("#sample2").colResizable({
liveDrag:true, 
gripInnerHtml:"

    4. 使用时只需在需要调整的table上加上对应的ID即可&＃xff1b; 

   5. 引入高版本的jquery&＃xff1b;