我有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如何使这段代码更具功能性和可读性?
-
2使用Aurelia高效渲染大型数据表
-
3为什么在.NET/C#中将未处理的异常打印到stderr?
-
4如果它是从Windows上的另一个进程生成的,我可以关闭进程自己的句柄吗?
-
5安装Visual Studio 2015 Update 1后出现TFS Build错误
-
6如何在命令行上创建要点
-
7jekyll调试或打印所有变量
-
8打开图层3搜索功能以查找地图位置?
-
9节点:res.download下载空的压缩文件夹
-
10如何欺骗原型检查?
-
11React Native - initialProperties Android
-
12如何确保CQRS模式中的消息顺序
-
13如何使用IntelliJ快捷方式将Runnable更改为Java中的lambda表达式
-
14针对不同的屏幕尺寸使用不同的故事板?通用xcode应用程序
-
15HBase在哪个版本中集成了spark API?
-
16Converting C++ Boost Regexes to Python re regexes
-
17使用RestTemplate POST InputStream
-
18sql UPDATES更新更改列之后的行中的每一列
-
19std :: static_pointer_cast vs static_cast <std :: shared_ptr <A >>
-
20这在技术上是"Hello World"的O(1)算法吗?