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

您需要在tr之后的jQuery中取出分号。

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

它应该工作。下面是一个演示：http://jsfiddle.net/7kZY4/

JavaScript jQuery：表行不是拖放

1 个答案: