jQuery UI 选项卡给出 'Mismatching fragment identifier' 错误消息

Question

在尝试使用 AJAX 实现一些 jQuery UI 选项卡时，我在 Firebug 中不断遇到此错误:未捕获的异常:jQuery UI 选项卡:片段标识符不匹配

相关 HTML 在这里:

<h1>AJAX Tabs</h1>
<div id="tabs">
    <ul>
        <li><a href="chap1.htm">Chapter 1</a></li>
        <li><a href="chap2.htm">Chapter 2</a></li>
        <li><a href="chap3.htm">Chapter 3</a></li>
    </ul>
</div>

相关 jQuery 在这里:

$(init);

function init() {  
$("#tabs").tabs();  
}//end init

似乎还有其他人遇到了 same error ，但他们的页面似乎还有其他问题，或者以非常不同的方式实现选项卡。

根据 Firebug，第一个请求似乎已运行并收到响应，但随后未显示请求的代码片段。此后，任何其他 AJAX 请求都会收到上述错误。

我确实注意到，虽然我将链接定义为谨慎的 HTML 片段，但 jQuery 似乎将它们视为对象。

除此之外，我完全不知道问题的原因是什么或者我将如何修复它。任何帮助将不胜感激。

Answer 1

您正在使用旧版本的 jQuery-ui 库 (1.7.2)

jQuery 1.4.x 不支持 jQuery UI 1.7.2。及以上(您有 1.6.4)

请将 jQuery 和 jQuery-ui 库更新到最新版本

http://jquery.com/

http://jqueryui.com/home