这段代码也给放到colResizable-1.3.min.js里面了

需要准备:1. jquery 1.6.2版本(高的版本不能支持,不知原因);

                    2. colResizable-1.3.min.js;

                   *大家可以到我的网盘下载(http://pan.baidu.com/s/1jGGVqqM);

使用步骤:1. 先引入jquery1.6.2版本,释放1.6.2版本中对$符的控制;

                       

[javascript] view plain copy print ?
  1. var jq162 = $.noConflict();//这里我为了看得清晰,直接把$给换成jq162;  
[javascript] view plain copy print ?
  1. var jq162 = $.noConflict();//这里我为了看得清晰,直接把$给换成jq162;  
            var jq162 = $.noConflict();//这里我为了看得清晰,直接把$给换成jq162;
                   

    2. 引入 colResizable-1.3.min.js;

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


 jq162(function(){

var onSampleResized = function(e){
var columns = jq162(e.currentTarget).find("th");
var msg = "columns widths: ";
columns.each(function(){ msg += jq162(this).width() + "px; "; })
jq162("#sample2Txt").html(msg);
};
jq162("#sample2").colResizable({
liveDrag:true, 
gripInnerHtml:"<div class='grip'></div>", 
draggingClass:"dragging", 
onResize:onSampleResized});
});

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

   5. 引入高版本的jquery;

 

需要准备:1. jquery 1.6.2版本(高的版本不能支持,不知原因);

                    2. colResizable-1.3.min.js;

                   *大家可以到我的网盘下载(http://pan.baidu.com/s/1jGGVqqM);

使用步骤:1. 先引入jquery1.6.2版本,释放1.6.2版本中对$符的控制;

                       

[javascript] view plain copy print ?
  1. var jq162 = $.noConflict();//这里我为了看得清晰,直接把$给换成jq162;  
[javascript] view plain copy print ?
  1. var jq162 = $.noConflict();//这里我为了看得清晰,直接把$给换成jq162;  
            var jq162 = $.noConflict();//这里我为了看得清晰,直接把$给换成jq162;

                   

    2. 引入 colResizable-1.3.min.js;

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


 jq162(function(){

var onSampleResized = function(e){
var columns = jq162(e.currentTarget).find("th");
var msg = "columns widths: ";
columns.each(function(){ msg += jq162(this).width() + "px; "; })
jq162("#sample2Txt").html(msg);
};
jq162("#sample2").colResizable({
liveDrag:true, 
gripInnerHtml:"<div class='grip'></div>", 
draggingClass:"dragging", 
onResize:onSampleResized});
});

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

   5. 引入高版本的jquery;


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值