Jquery 使用可拖动插件混乱Css
我正在使用drag table插件，但它做了一些奇怪的事情，当我点击拖动它的css行为奇怪，我正在附加图片，我的任何人都可以告诉我为什么它的行为是这样的，这必须得到赞赏。它是拖动列，但在拖动时看起来像 index.htmlJquery 使用可拖动插件混乱Css,jquery,html,css,Jquery,Html,Css,我正在使用drag table插件，但它做了一些奇怪的事情，当我点击拖动它的css行为奇怪，我正在附加图片，我的任何人都可以告诉我为什么它的行为是这样的，这必须得到赞赏。它是拖动列，但在拖动时看起来像 index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>DragTableAndMatainDisplayOrd
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>DragTableAndMatainDisplayOrder</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
.tftable
{
font-size: 12px;
color: #333333;
width: 100%;
border-width: 1px;
border-color: #9dcc7a;
border-collapse: collapse;
}
.tftable th
{
text-align:center;
font-weight:bold;
font-size: 12px;
background-color: #abd28e;
border-width: 1px;
padding: 8px; border-style: solid;
border-color: #9dcc7a;
text-align: left;"
}
.tftable tr
{
background-color: #ffffff;
}
.tftable td
{
font-size: 12px;
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #9dcc7a;
}
</style>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/libraries/jquery.js"></script>
<script type="text/javascript" src="js/libraries/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/libraries/dragtable.js"></script>
<script type="text/javascript">
$(document).ready(function() {
console.log("dom ready");
$('#randomTable').dragtable();
});
</script>
</head>
<body>
<div id="body">
<table class="tftable draggable" border="1" id="randomTable">
<tr>
<th>SNO</th>
<th>Date</th>
<th>Total Order</th>
<th>Total Amount</th>
<th>Total Item</th>
<th>Total Sale</th>
</tr>
<tr>
<td>20</td>
<td>19/03/2013</td>
<td>98</td>
<td>34</td>
<td>90</td>
<td>88</td>
</tr>
<tr>
<td>20</td>
<td>19/03/2013</td>
<td>98</td>
<td>34</td>
<td>90</td>
<td>88</td>
</tr>
<tr>
<td>20</td>
<td>19/03/2013</td>
<td>98</td>
<td>34</td>
<td>90</td>
<td>88</td>
</tr>
<tr>
<td>20</td>
<td>19/03/2013</td>
<td>98</td>
<td>34</td>
<td>90</td>
<td>88</td>
</tr>
</table>
</div>
</body>
</html>
DragTable和MatainDisplayOrder
.tftable
{
字体大小：12px；
颜色：#333333；
宽度：100%；
边框宽度：1px；
边框颜色：#9dcc7a；
边界塌陷：塌陷；
}
.tftable th
{
文本对齐：居中；
字体大小：粗体；
字体大小：12px；
背景色：#abd28e；
边框宽度：1px；
填充：8px；边框样式：实心；
边框颜色：#9dcc7a；
文本对齐：左；”
}
.tftable tr
{
背景色：#ffffff；
}
.tftable td
{
字体大小：12px；
边框宽度：1px；
填充：8px；
边框样式：实心；
边框颜色：#9dcc7a；
}
$（文档）.ready（函数（）{
log（“dom就绪”）；
$（'#randomTable'）.dragtable（）；
});
斯诺
日期
总订单
总金额
总项目
总销售额
20
19/03/2013
98
34
90
88
20
19/03/2013
98
34
90
88
20
19/03/2013
98
34
90
88
20
19/03/2013
98
34
90
88
dragtable.css