JavaScript jQuery : Table rows are not drag/dropping

Question

这是我拥有的 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 经验，在这一点上被难住了。我做错了什么？

Answer 1

您需要在 jQuery 中去掉 tr 之后的分号。

jQuery(function(){ jQuery("#sortable93032188").sortable({ items: "tr.sortable" }); })

那么它应该可以工作了。这是一个演示:http://jsfiddle.net/7kZY4/