Вкладки пользовательского интерфейса jQuery с сообщением об ошибке «Несоответствующий идентификатор фрагмента» - PullRequest
Новая
       13

Вкладки пользовательского интерфейса jQuery с сообщением об ошибке «Несоответствующий идентификатор фрагмента»

2 голосов
/ 18 ноября 2011

При попытке реализовать некоторые вкладки пользовательского интерфейса jQuery с помощью AJAX я продолжаю сталкиваться с этой ошибкой в ​​Firebug: uncaught exception: jQuery UI Tabs: Mismatching fragment identifier

Соответствующий 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

Кажется, есть другие люди, которые сталкиваются с той же ошибкой , но, похоже, у них другие проблемы со своими страницами или они используют вкладки совсем по-другому.

Согласно Firebug, первый запрос выполняется и ответ получен, но запрошенный фрагмент не отображается. После этого любые другие запросы AJAX просто получают вышеуказанную ошибку.

Я замечаю, что хотя я определил ссылки как дискретные фрагменты HTML, они, похоже, рассматриваются как объекты jQuery.

Кроме того, я полностью в неведении относительно того, что является причиной проблемы или как я буду заниматься ее устранением. Любая помощь будет принята с благодарностью.

Ответы [ 3 ]

2 голосов
/ 18 ноября 2011

вы используете старую версию библиотеки jQuery-ui (1.7.2)

jQuery UI 1.7.2 не поддерживается в jQuery 1.4.x.и выше (у вас 1.6.4)

пожалуйста, обновите библиотеки jQuery и jQuery-ui до последней версии

http://jquery.com/

http://jqueryui.com/home

0 голосов
/ 18 февраля 2014

Re: Irishka

на самом деле, jQueryUI 1.7.2 зависит от jQuery 1.3.2 и выше - так что, скорее всего, это не проблема.

проверьте, все ли у вас естьуказанный в ваших "вкладках" div имеет связанный с ним 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>
0 голосов
/ 20 апреля 2013 
<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" -->

Обращаем ваше внимание на закрывающий тег (<!-- end of id="tabs" -->) последнего деления.Возможно, вам не хватает тега close или вы используете его в неправильном месте.Он должен быть в конце «контейнера» (<div id="tabs-1">,<div id="tabs-2">,<div id="tabs-3">), а не в конце «ul».

...