添加新表的问题';带JQuery的行

添加新表的问题';带JQuery的行,jquery,html-table,Jquery,Html Table,我按照以下说明添加新表的行: 已成功添加新行,但未获得其他行的功能(突出显示、可拖动等) 下表: <table id="pubTab"> <thead> <tr> <td align="center">col1</td> <td align="center">col2</td>

我按照以下说明添加新表的行:

已成功添加新行,但未获得其他行的功能(突出显示、可拖动等)

下表:

<table id="pubTab">
            <thead>
            <tr>
                <td align="center">col1</td>
                <td align="center">col2</td>
                <td align="center">col3</td>
                <td align="center">col4</td>
            </tr>
            </thead>
            <tbody>
            <tr id="1">
                <td>+++<input type="text" size="40"/></td>
                <td><input type="text" size="10"/></td>
                <td><input type="text" size="50"/></td>
                <td><input type="text" size="10" /></td>
            </tr>
            <tr id="2">
                <td>+++<input type="text" size="40"/></td>
                <td><input type="text" size="10"/></td>
                <td><input type="text" size="50"/></td>
                <td><input type="text" size="10"/></td>
            </tr>
            </tbody>
        </table>
<input id="addPubTab" type="button" value="ADD" style="background-color:green; width: 170px"/>

请协助。

插入新行后,尝试重新初始化tableDnD插件


另一种解决方案是删除一个现有行并更改其中的数据。

在插入新行后尝试重新初始化tableDnD插件


另一种解决方案是使用一个现有行并更改其中的数据。

您的新表行无法拖动,因为您尚未将它们集成到拖放对象中。它们保持静态HTML,而您的原始行都是新奇的和交互式的,因为您对它们调用了
.tableDnD()
。查看对新行调用
.tableDnD
是否有效,或者更新
.tableDnD
以使用。从
.live()
页面:

描述:现在和将来,为与当前选择器匹配的所有元素的事件附加一个处理程序


.live()
文档页面精确地描述了您遇到的问题,非常值得一看

新表行无法拖动,因为您尚未将它们集成到拖放对象中。它们保持静态HTML,而您的原始行都是新奇的和交互式的,因为您对它们调用了
.tableDnD()
。查看对新行调用
.tableDnD
是否有效,或者更新
.tableDnD
以使用。从
.live()
页面:

描述:现在和将来,为与当前选择器匹配的所有元素的事件附加一个处理程序


.live()
文档页面精确地描述了您遇到的问题,非常值得一看

tableDnD插件有一个方法,该方法可能是在该问题最初发布后添加的

.tableDnDUpdate()
像美国一样

使表更新其行,以便在添加行等情况下,拖放功能可以正常工作


tableDnD插件有一个方法,这个方法可能是在这个问题最初发布后添加的

.tableDnDUpdate()
像美国一样

使表更新其行,以便在添加行等情况下,拖放功能可以正常工作


我认为您可能必须销毁最初的draggable,然后重新分配它,以便在
$(“#pubTab tbody')之后更新新的children顺便说一句:)我想你可能必须销毁最初的draggable,然后重新分配它,以便在
$('#pubTab tbody')之后更新新的children顺便说一句:)谢谢,如何重新初始化它?$(“#pubTab:not(thead)”).tableDnD();谢谢,如何重新初始化它?$(“#pubTab:not(thead)”).tableDnD();此方法不在当前tablednd稳定版本中。$(“..”).tableDnDUpdate()由2011-12-02发布的v0.6添加。此方法不在当前tablednd稳定版本中。$(“..”).tableDnDUpdate()由2011-12-02发布的v0.6添加。
$(function() {  $("#pubTab:not(thead)").tableDnD();   });
.tableDnDUpdate()