0

我有这个代码

jQuery它一个添加新的输入字段

var scntDiv = $('.q3_field');
var i = $('.q3_field p').size() + 1;

$('.add_field_q3').live('click', function() {
        $('<p><span class="added'+i+'"><input type="text" name="inputq3['+i+'][q3]" class="edit-text" placeholder="http://www.domain.com" /></span> <img src="hw_img/trash.png" id="remScnt" /></p>').appendTo(scntDiv);
        i++;
        return false;
});

$('#remScnt').live('click', function() { 
        if( i > 1 ) {
                $(this).parents('p').remove();
                i--;
        }
        return false;
});

HTML - 将添加的位置

<div class="simpleTabs"><a href="#questions">Questions</a></div>
<div id="questions">
    <li class="q3_field">
        List five (URL) links you would like to be displaced/removed in search engine results related to your name/keywords. These can be named below or marked on a print out of a relevant Google search. <br />

        <img src="hw_img/plus.png" class="add_field_q3" /> 
        <input type="text" name="inputq3[0][q3]" class="edit-text" placeholder="http://www.domain.com" /> <br />
    </li>
</div>

我正在使用 simpleTabs jQuery，我在其中放置了添加输入字段的简单硬代码。但是当我单击它添加时，它会使字段加倍。请看下图。 在此处输入图像描述

我在 simpleTabs jQuery 之外尝试过，当我单击添加按钮时，它不会使字段加倍。是的，当我不打算使用 simpleTabs 时。

我从谷歌下载的 simTabls 是否有任何冲突？这就是为什么当我单击添加按钮时它会加倍字段？

我把它放在页脚的标签的代码。

<script src="hw_js/jquery.easytabs.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready( function() {
  $('#tab-container').easytabs();
});
</script>

更新奇怪的部分是，当我在 fireBug 上检查它时，它也将 span 和 id 加倍，这是相同的 1 和 1 2 和 2 请检查下图。 在此处输入图像描述

4

0 回答 0