Question

我有以下代码的jQuery标签：

<ul class="tabNavigation" id="tabs">    
    <li><a href="#AAA">AA</a></li>    
    <li><a href="#BBB">BBB</a></li>    
</ul>  

<div id="AAA">    
    <cfinclude template="AAA.cfm">
</div>  

<div id="BBB">    
               <cfinclude template="BBB.cfm">
</div>

现在，在BBB.cfm文件中，我使用以下代码克隆该行的一行以及该行中的表单字段：

$(document).ready(
  function() {
    $('input#BtnAddSystem').click(
      function($e) {
        $e.preventDefault();
        $('tr#UCrow_1').clone(true).removeAttr('id').appendTo('tbody');
      }
    );

  }
);

运作良好。问题是克隆的表单字段也显示在“AAA”选项卡上。所以最终会在两个标签上显示克隆的表单字段。

任何人都可以帮我解决一下吗？对此的任何帮助都会非常有用！

提前致谢！

Answer 1

我怀疑这是.appendTo('tbody');位给你的 - 这会将你的行的副本附加到页面上的每个人身上。大概在AAA页面中也有一个表，所以它也会附加一行。

您需要将其限制为仅选择您想要选择的表格。像.appendTo('#BBB tbody');这样的东西应该可以解决问题。或者更好的是，如果tbody拥有自己的ID，请使用：.appendTo('#clone-dst');

希望这有帮助！

jQuery中的jQuery clone（）方法TABS显示其他选项卡上的克隆字段

1 个答案: