jQuery可拖动表元素 [英] jQuery draggable table elements
问题描述
jQuery的 draggable 功能在表上似乎不起作用（在FF3或Safari中）。很难设想这个将如何工作，所以并不奇怪，它没有。
jQuery's draggable functionality doesn't seem to work on tables (in FF3 or Safari). It's kind of difficult to envision how this would work, so it's not really surprising that it doesn't.
<html>
<style type='text/css'>
div.table { display: table; }
div.row { display: table-row; }
div.cell { display: table-cell; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js"></script>
<script src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.draggable.js"></script>
<script>
$(document).ready(function(){
$(".row").draggable();
});
</script>
<body>
<div class='table'>
<div class='row'>
<div class='cell'>Foo</div>
<div class='cell'>Bar</div>
</div>
<div class='row'>
<div class='cell'>Spam</div>
<div class='cell'>Eggs</div>
</div>
</div>
<table>
<tr class'row'><td>Foo</td><td>Bar</td></tr>
<tr class='row'><td>Spam</td><td>Eggs</td></tr>
</table>
</body>
</html>
我想知道a）如果有什么具体原因为什么不起作用（从w3c / HTML规格透视图）和b）正确的方法来获取可拖动的表行。
I'm was wondering a) if there's any specific reason why this doesn't work (from a w3c/HTML spec perspective) and b) what the right way to go about getting draggable table rows is.
我喜欢真正的表，因为边框崩溃和行高度算法 - 任何可以做这些事情的替代方案都可以正常工作。
I like real tables because of the border collapsing and row height algorithm -- any alternative that can do those things would work fine.
推荐答案
如果你有真正的表格数据，你应该坚持使用表
If you have truly tabular data, you should stick with table indeed.
如果您想在表中拖动 JQuery +可拖动行表库 在FireFox3中完美地运行
And if you want to drag rows within a table, this JQuery + "draggable row table" library works perfectly in FireFox3
这篇关于jQuery可拖动表元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
