jQuery UI的标签给人一种“不匹配片段标识符”错误信息

在试图实现使用AJAX一些jQuery UI的选项卡我一直运行到这个错误在Firebug：uncaught exception: jQuery UI Tabs: Mismatching fragment identifierjQuery 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

全部免责声明：此页面和程序是从examp在我使用的JavaScript book中。我不是想把它当作我自己的，因为它是一本你应该全部购买和购买的好书。

似乎还有其他人遇到same error，但他们似乎有其他页面的问题或以不同的方式实现标签。

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

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

除此之外，我完全处于黑暗中，究竟是什么原因引起的问题，或者我将如何去修复它。任何帮助将不胜感激。

来源

2011-11-18 RedRiderX

您使用的是旧版本的jQuery的UI库（1.7.2）

jQuery UI的1.7.2不使用jQuery 1.4所支持以上（你有1.6.4）

请更新两个jQuery和jQuery的UI库，以最新发布的

http://jquery.com/

http://jqueryui.com/home

来源

2011-11-18 16:20:56 Irishka

哎呀。对不起，我正在使用jQuery的新版本，但是我正在使用的是旧版本的jQuery UI。我没有意识到会有冲突。感谢您指出了这一点。 – RedRiderX

欢迎您:) – Irishka

<div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">Nunc tincidunt</a></li> 
    <li><a href="#tabs-2">Proin dolor</a></li> 
    <li><a href="#tabs-3">Aenean lacinia</a></li> 
    </ul> 
    <div id="tabs-1"> 
    <p>Proin elit arcu, rutrum commodo</p> 
    </div> 
    <div id="tabs-2"> 
    <p>Morbi tincidunt, dui sit amet facilisis feugiat</p> 
    </div> 
    <div id="tabs-3"> 
    <p>Mauris eleifend est et turpis.</p> 
    </div> 
</div> <!-- end of id="tabs" -->

给你注意关闭标签（ ）的最后一个div。也许你错过了关闭标签，或者你正在实施错误的地方。它应该在“集装箱格”（<div id="tabs-1">,<div id="tabs-2">,<div id="tabs-3">）的末尾而不是“ul”的末尾。

来源

2013-04-20 13:58:15 ewroman

回复：Irishka

实际上，jQueryUI的1.7.2依赖于jQuery的1.3.2及以上 - 这样可能是没有问题的。看到

检查，如果你已经在你的“标签”分区指定任何事物都有一个相关内容的div，即这样的：

<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 id="chap1.html"> Content here </div> 
    <div id="chap2.html"> Content here </div> 
    <div id="chap3.html"> Content here </div> 
</div>

来源

2014-02-18 15:28:34

jQuery UI的标签给人一种“不匹配片段标识符”错误信息

回答

相关问题