我有2个表,列数相同,每个表格单元格内有一些跨度.我正在使用jquery Ui draggable和droppable来拖放从一个表到另一个表的跨度.
$(document).ready(function() {
var ind;
$('#tblTrailer td span').draggable({
revert: "invalid",
zIndex: 100,
start: function(event, ui) {
var foo = $(ui.helper).parent(); // should return td
ind = foo.index();
$(ui.helper).css({
padding: "2.5px 5px",
border: "1px solid #ddd",
background: "#f2f2f2"
});
console.log(ind);
}
});
$('#tblTrailerBooking tr td').droppable({
accept: "#tblTrailer td span",
activeClass: "ui-state-highlight",
drop: function(ev, ui) {
$(ui.draggable).detach().css({
top: 'auto',
left: 'auto',
background: '#f3f3f3'
}).appendTo(this);
}
});
});body {
font-size: 14px;
font-family: sans-serif;
}
table {
border-collapse: collapse;
width: 100%;
}
table tr td,
table tr th {
border: 1px solid #999;
width: 12.5%;
}
table td span {
display: block;
text-align: center;
transition: all 0.5s linear;
}
Tags | 热门标签
RankList | 热门文章
-
1如何通过引用以前的元素来停止.net JSON序列化？
-
2bootstrap-modal不显示对话框
-
3将字符串转换为DataFrame中的浮点数
-
4命令列出特定服务器上的分支
-
5跨大型和小型Endian机器的数据传输
-
6关键字'PROCEDURE'附近的语法不正确
-
7在Android上玩HLS(比较替代方案)
-
8如何从数据帧的单元格中获取值？
-
9SVG <defs>生成空格
-
10静态与实例方法的使用
-
11有没有办法在不将整个内容加载到数组中的情况下搜索文件？
-
12如何将透明PNG图像与颜色合并
-
13从WooCommerce中删除支付网关
-
14net beans 7.3中没有Web应用程序选项
-
15使用带有*char的strcmp进行Seg Fault
-
16德尔福更换一条线
-
17如何在运行时检测某些编译器选项(如断言)是否设置为ON？
-
18如何获取Grails HeaderParam属性
-
19在Microsoft Visual C++(而不是托管代码)中如何将PNG打印到打印机？
-
20如何从ffmpeg中打开的文件中获取流信息？
京公网安备 11010802040832号 | 京ICP备19059560号-6 