2011-02-22 64 views
0

我有jQuery的卡口与下面的代码克隆领域:jQuery的clone()方法显示了其他选项卡

<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”选项卡上。所以它最终显示在两个选项卡上的克隆表单域。

任何人都可以帮助我解决它吗?任何对此的帮助将会非常有趣!

提前致谢!

+0

如果您有一个元素的ID,没有理由通过标签名称选择它。 – 2011-02-22 19:55:44

+0

你有困惑我,笏表和行,我看不到任何关于表和行,和你的选择器不匹配你的html – Val 2011-02-22 20:02:35

回答

0

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

你会想限制它只选择你真正想要选择的表。像.appendTo('#BBB tbody');应该这样做。或者更好的是,如果tbody有自己的ID,使用:.appendTo('#clone-dst');

希望这有助于!

相关问题