这是我拥有的 JavaScript 部分,应该 使表格的行可以拖放(也称为可移动)。由于某种原因,这不起作用。
<script type="text/javascript">
jQuery(function(){ jQuery("#sortable93032188").sortable({ items: "tr:.sortable" }); })
</script>
这是表格信息:
<table id="sortable93032188" cellpadding="5" cellspacing="0" border="0" width="0" leftmargin="50">
<thead>
<tr>
<td colspan="1" class="vdarkbluebw" valign="centre">
<font>Field Order - Drag fields up or down as required to preferred order</font>
</td>
</tr>
<tr bgcolor="#eeeee8" class="sortable" id="11874272">
<td id="68937878">
<span class="small">Sample Origin Name<input type="hidden" name="new_field_order" value="Sample Origin Name"></span>
</td>
</tr>
... This table keeps going (it's decently sized).
现在的问题是,我在拖放表上四处搜索——但我似乎找不到这有什么问题。我几乎没有 jQuery/HTML/JavaScript 经验,在这一点上被难住了。我做错了什么?
最佳答案
您需要在 jQuery 中去掉 tr
之后的分号。
jQuery(function(){ jQuery("#sortable93032188").sortable({ items: "tr.sortable" }); })
那么它应该可以工作了。这是一个演示:http://jsfiddle.net/7kZY4/
关于JavaScript jQuery : Table rows are not drag/dropping,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20360397/