Jquery via'；addTab'；添加的选项卡不可单击或激活

我有这些jquery选项卡，当我在页面上动态添加一个新选项卡时，它被选中。 现在的问题是，无法再次选择动态/在页面上添加的选项卡

例如：有一个选项卡。我添加了一个新选项卡，现在它被选中了。我可以打开第一个选项卡，但无法再次打开第二个选项卡

这是jsp代码 $（函数（）{

//页面加载时。。。
$（“.tab_content”）.hide（）；//隐藏所有内容
$（“ul.tabs li:first”）.addClass（“active”）.show（）；//激活第一个选项卡
$（“.tab_content:first”）.show（）；//显示第一个选项卡内容
//点击事件
$（“ul.tabs li”）。单击（函数（）{
$（“ul.tabs li”）.removeClass（“active”）；//删除任何“active”类
$（this）.addClass（“active”）；//将“active”类添加到所选选项卡
$（“.tab_content”）.hide（）；//隐藏所有选项卡内容
var activeTab=$（this）.find（“a”）.attr（“href”）；//查找href属性值以标识活动选项卡+内容
$（activeTab）.fadeIn（）；//淡入活动ID内容
返回false；
});
//地址表
变量字段=$（“ul.li”）.length；
$（“a.pekle”）。单击（函数（）{fields+=1；
$（“ul.tabs li”）.removeClass（“active”）；//删除任何“active”类
$（“ul.tabs”）.append（'
）.hide（）.fadeIn（500）；
$（“div.tab_container”）。追加（'tab'+字段+''）；
$（“.tab_content”）.hide（）；//隐藏所有选项卡内容
$（“#选项卡”+字段）.fadeIn（）；//淡入活动ID内容
返回false；}）；
//EndAddtab
});

HTML

布拉巴拉

这里有两件事不对。首先，您的示例中没有包含

tab\u容器

，我假设您希望像这样将它包装在内容

div的

周围

<a class="pekle" onClick="addTab()">+ Parca Ekle</a>
<ul class="tabs">
    <li><a href="#tab1">Parca 1</a></li>
</ul>
<div class="tab_container">
    <div id="tab1" class="tab_content">blabala</div>
<div>​

---

希望这能有所帮助。

我非常感谢你的魅力，很抱歉我不能投票，但如果可以的话，我会给出你的答案+999！据报道，投票需要15%的声誉

<a class="pekle" onClick="addTab()">+ Parca Ekle</a>
<ul class="tabs">
    <li><a href="#tab1">Parca 1</a></li>
</ul>
<div id="tab1" class="tab_content">blabala</div>

<a class="pekle" onClick="addTab()">+ Parca Ekle</a>
<ul class="tabs">
    <li><a href="#tab1">Parca 1</a></li>
</ul>
<div class="tab_container">
    <div id="tab1" class="tab_content">blabala</div>
<div>​

$("ul.tabs").on('click', 'li', function() {

    $("ul.tabs li").removeClass("active"); //Remove any "active" class
    $(this).addClass("active"); //Add "active" class to selected tab
    $(".tab_content").hide(); //Hide all tab content
    var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
    $(activeTab).fadeIn(); //Fade in the active ID content
    return false;
});