jqueryui选项卡：Ajax中的Ajax

我正在尝试使用jQueryUI选项卡将多页网站重写为SPA。在shell页面中，一个选项卡引用页面中的id，而其余选项卡通过AJAX加载其他页面。它看起来像这样：

<div id="tabs">
    <ul id="nav">
        <li><a href="#home">HOME</a></li>
        <li><a href="ajax/learn.html">LEARN</a></li>
        <li><a href="ajax/listen.html">LISTEN</a></li>
        <li><a href="ajax/support.html">SUPPORT</a></li>
        <!--etc.-->
    </ul>
    <div id="home">
        <!--blah blah blah-->
    </div>
</div>

单击

learn.html

中的选项卡时会出现问题：单击此AJAX选项卡中的一个AJAX选项卡的事件会出现在窗口中，并且

赞助商.html

或任何替代shell页面加载的内容

---

我尝试了

event.stopPropagation（）

，但没有成功；在选项卡上使用

event.preventDefault

首先会阻止选项卡功能。还有什么要做的呢？

您可以尝试将ajax调用的结果添加到ajax调用的成功函数中的特定div。

您是单击选项卡调用preventDefault还是锚定？您可能需要为锚单击设置单独的处理程序

$("ul#nav2 li a").click(function(e) {
    e.preventDefault();
});

---

我的问题已经解决了

---

我通过AJAX加载的页面有自己的doctype和head标记以及整个shebang。在我删除它之后，我不再有任何问题。

我正在用锚调用preventDefault。

$("ul#nav2 li a").click(function(e) {
    e.preventDefault();
});