gpt4 book ai didi

应用于表行的 jQuery Sortable 使行更高

转载 作者:行者123 更新时间:2023-12-01 00:25:28 25 4
gpt4 key购买 nike

我正在使用 jQuery UI Sortable 准备表行的自定义定位,但我遇到了一个主要问题。每当我抓取一行时,它就会增加大约 2px 高度。但是,边距、高度、填充等保持不变。我创建了一个测试页面,没有任何其他脚本或样式。我可以采取什么措施来防止发生此行变得更高问题?谢谢。

jQuery:1.4.4,jQuery UI:1.8.9

编辑:这发生在 Mac 上的 Chrome 和 Safari(尚未测试其他浏览器)中。 jsFiddle 上的这个例子运行良好:http://jsfiddle.net/yA47C/ ,但我不太确定那里会有什么不同。

<!DOCTYPE html> 
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
</head>

<body>
<table>
<thead>
<tr><th>header</th></tr>
</thead>
<tbody class="sortable">
<tr><td>row 1</td></tr>
<tr><td>row 2</td></tr>
<tr><td>row 3</td></tr>
<tr><td>row 4</td></tr>
<tr><td>row 5</td></tr>
</tbody>
</table>
<script>
$(function() {
$(".sortable").sortable();
});
</script>
</body>
</html>

最佳答案

我不知道问题是什么(因为这对我有用),但如果它在 jsfiddle 中对你有用,那么它绝对是在 normalize.css 中为你修复它的 CSS 规则之一:

http://fiddle.jshell.net/css/normalize.css

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset
input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;}

如果我必须猜测,我会说这是“ table ”规则。也可能是“td”规则。

关于应用于表行的 jQuery Sortable 使行更高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4796136/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com