在选定的选项卡上应用jQuery函数append

Question

在页面上，我有一些字段和标签。我使用了bootstrap选项卡，每个选项卡应该在页面的公共部分有一些特定的字段。我使用函数追加这样，以便我可以添加它们：

var add  = $(".add_fields");
$(add).click(function(e){ 
$(wrapper).append('<div><input type="text" name="f2" id="field2"  
class="form-control col-xs-5 " /> </div> '); });

在第二个标签中我添加了“add_fields”类：

<div role="tabpanel" class="tab-pane " id="tab1">  ... </div>
<div role="tabpanel" class="tab-pane .add_fields " id="tab2">  ...</div>

但内容未显示？

当有人选择标签时，有人能告诉我如何自动追加某些字段或只是一些文字吗？

Answer 1

首先，检查您的选择器是否正确。 （您可以在单击功能中使用简单的console.log（）或alert（））。

• 将您的选择器更改为$（文档）.on（“click”，“。add_fields”，function（）{}）;
• 创建一个特定的包装标记（如div或section）以附加输入，并为其设置ID。
• 要从标签获取其他信息，您可以设置自定义属性（data-attr="some"）。
• 检查您为代码分配ID以避免重复页面。

并始终检查调试器控制台是否有警告和错误。