推特引导标签”；标签"；方法在ajax加载某些页面内容后不起作用

我在工作中使用twitter引导。“tab”方法 （即，

$（“tab li下的元素”）.tab（“show”）

）切换到jQuery选择器指定的新选项卡，直到ajax加载完成。当我使用

jQuery append

创建一个新选项卡时，通过

jQuery load

加载其窗格内容，并尝试使用tab（“show”）切换到该新选项卡，它给出的错误元素没有方法

tab

更新

    <div class="tabbable">
      <ul class="nav nav-tabs" id="tab-set">
        <li class="active"><a data-toggle="tab" href="#tab1"> tab 1</a></li>
        <li><a data-toggle="tab" href="#tab2">tab 2</a></li>
        <li><a data-toggle="tab" href="#tab3">tab 3</a></li>
        <li><a data-toggle="tab" class="ajax" href="test.html">tab 4 - ajax</a></li>
      </ul>
      <div class="tab-content" id="tab-content">
        <div id="tab1" class="tab-pane active"> tab 1 content </div>
        <div id="tab2" class="tab-pane"> tab 2 content </div>
        <div id="tab3" class="tab-pane"> tab 3 content </div>
      </div>
    </div>

但这行不通。

在这一行：

$("#tab-content").append("<div class=\"tab-pane\" id=\"" +tabType + "-pane\"></div>");

$（“#选项卡内容”）。追加（“”）；

您有#tab content，但您的div实际上有一类tab content，而不是id。因此它需要：

$(".tab-content").append("<div class=\"tab-pane\" id=\"" +tabType + "-pane\"></div>");

$（“.tab内容”）。追加（“”）；

我通过为tabType、tabName和tabUrl创建变量来测试您的代码，我在上面提到的那个微小的更改对我起到了作用。但我无法得到与您相同的错误（元素没有“方法”选项卡），因此如果这仍然不适用于您，则会出现其他问题，您需要发布更多代码。

在这一行：

$("#tab-content").append("<div class=\"tab-pane\" id=\"" +tabType + "-pane\"></div>");

$（“#选项卡内容”）。追加（“”）；

您有#tab content，但您的div实际上有一类tab content，而不是id。因此它需要：

$(".tab-content").append("<div class=\"tab-pane\" id=\"" +tabType + "-pane\"></div>");

$（“.tab内容”）。追加（“”）；

---

我通过为tabType、tabName和tabUrl创建变量来测试您的代码，我在上面提到的那个微小的更改对我起到了作用。但是我无法得到与您相同的错误（元素没有“方法”选项卡），因此，如果这仍然不适用于您，则会出现其他问题，您需要发布更多代码。

是的，我现在遇到了问题

我正在使用

$（“#”+tabType+“-pane”）加载一个页面

na，该页面还包含html、head和body元素，并且还加载了jquery。这就产生了问题。这与给定的问题有关

现在我更改了加载页面的内容，它只加载所需的基本内部元素，没有html、head、script、body等标记

这让我头痛了一整天。感谢上帝，我终于修好了

编辑

---

甚至不需要删除所有元素。只需要注意不要再从加载页面加载jquery（通过$（“#”+tabType+“-pane”）加载。加载（tabUrl）；。

是的，我现在遇到了麻烦

我正在使用

$（“#”+tabType+“-pane”）加载一个页面

na，该页面还包含html、head和body元素，并且还加载了jquery。这就产生了问题。这与给定的问题有关

现在我更改了加载页面的内容，它只加载所需的基本内部元素，没有html、head、script、body等标记

这让我头痛了一整天。感谢上帝，我终于修好了

编辑

---

甚至不需要删除所有元素。只需注意不要再从加载页面加载jquery（通过$（“#”+tabType+“-pane”）加载。加载（tabUrl）；。

对不起，我有id“tab content”，我在上面的示例中错过了它，我已经更新了代码自己找到了问题和解决方案，无论如何，感谢您的尝试，对您的答案投了赞成票，希望您做我的；）很抱歉，我有id“tab content”，我在上面的示例中错过了它，我已经更新了代码自己找到了问题和解决方案，无论如何，感谢您的尝试，对您的答案进行了投票，希望您做我的；）很好，很高兴你修好了。对解决方案投了赞成票，似乎它可以帮助有相同错误消息的人。@frostyterrier:谢谢你，很高兴认识你，希望我将来能得到你的帮助tooCool，很高兴你修复了它。投票赞成这个解决方案，似乎它可以帮助有相同错误信息的人。@frostyterrier:谢谢你，很高兴认识你，希望我将来也能得到你的帮助