数码资讯
在jQuerytablednd拖放基本使用介绍
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
在页面上导入js
复制代码代码如下所示:
jquery-1.3.2.min.js
jquery.tablednd_0_5.js
注意:你必须首先导入jquery-1.3.2.min.js错。
建表
复制代码代码如下所示:
1onesome文本
2twosome文本
3threesome文本
4foursome文本
5fivesome文本
6sixsome文本
插入js代码
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(#材料)TableDnD();
});
好啊.
实例
复制代码代码如下所示:
<
字符串路径= request.getcontextpath();
字符串修改表情= request.getscheme(+)request.getservername(+): / / ++(请求。getserverport)+路径+ / ;
pagecontext.setattribute(修改表情
%>
<脚本类型>文本
src=$ { }共同修改表情 / / jquery-1.3.2 js,js>
<脚本类型>文本
src=$ { }共同修改表情 / / jQuery JS。tablednd_0_5 js>
{。AA
背景:# 00ff99
}
{。BB
背景:# 0066ff
}
$(文档)Ready(函数(){)
颜色();
$(#表1)。TableDnD({
OnDrop:功能(表、列){
var = $(行)。子()。EQ(0)。文本();
颜色();
}
});
});
函数颜色()
{
VaR tbody =美元(表{ } id = 'table-1TR);
tbody.each(函数(指数){)
var =索引% 2;
如果(0 = cc)
{
$(这)RemoveClass();
$(这)。AddClass(AA);
}
其他的
{
$(这)RemoveClass();
$(这)。AddClass(BB);
}
});
}
1onesome文本
2Twosome text
3threesome文本
4foursome文本
5fivesome文本
6sixsome文本
复制代码代码如下所示:
jquery-1.3.2.min.js
jquery.tablednd_0_5.js
注意:你必须首先导入jquery-1.3.2.min.js错。
建表
复制代码代码如下所示:
1onesome文本
2twosome文本
3threesome文本
4foursome文本
5fivesome文本
6sixsome文本
插入js代码
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(#材料)TableDnD();
});
好啊.
实例
复制代码代码如下所示:
<
字符串路径= request.getcontextpath();
字符串修改表情= request.getscheme(+)request.getservername(+): / / ++(请求。getserverport)+路径+ / ;
pagecontext.setattribute(修改表情
%>
<脚本类型>文本
src=$ { }共同修改表情 / / jquery-1.3.2 js,js>
<脚本类型>文本
src=$ { }共同修改表情 / / jQuery JS。tablednd_0_5 js>
{。AA
背景:# 00ff99
}
{。BB
背景:# 0066ff
}
$(文档)Ready(函数(){)
颜色();
$(#表1)。TableDnD({
OnDrop:功能(表、列){
var = $(行)。子()。EQ(0)。文本();
颜色();
}
});
});
函数颜色()
{
VaR tbody =美元(表{ } id = 'table-1TR);
tbody.each(函数(指数){)
var =索引% 2;
如果(0 = cc)
{
$(这)RemoveClass();
$(这)。AddClass(AA);
}
其他的
{
$(这)RemoveClass();
$(这)。AddClass(BB);
}
});
}
1onesome文本
2Twosome text
3threesome文本
4foursome文本
5fivesome文本
6sixsome文本
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。