添加新表的问题';带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()