CODEWITHSUNDEEP
jqueryjquery-uijquery-ui-tabs
matgargano
matgargano

Reputation: 411

jQuery UI Tabs: Mismatching fragment identifier (jQuery 1.71, UI 1.8.16)

I'm using jQuery 1.71 and jQuery UI 1.8.16 and am getting the infamous jQuery UI Tabs: Mismatching fragment identifier error.

Can anyone help? I thought there might be issues with versions of UI and jQuery - but I am pretty sure my versions are fairly modern.

Thanks in advance.

jQuery(document).ready(function ($) {
    tab_holder = jQuery('#dl-tabs');
    tab_holder.tabs({
    event: 'mouseover'
});

tab_holder.tabs('option', 'disabled', false);
    tab_holder.tabs('rotate', 5000);
    tab_holder.mouseleave(function () {
     tab_holder.tabs('rotate', 5000);
    });
});

the HTML code is as follows:

<div class="tabs ui-tabs ui-widget ui-widget-content ui-corner-all" id="dl-tabs">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
        <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><span>Content</span></li>
                    <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><span>Content</span></li>
                    <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><span>Content</span></li>
                    <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><span>Content</span></li>
                    <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><span>Content</span></li>
 </ul></div>

Upvotes: 2

Views: 1243

Answers (1)

matgargano
matgargano

Reputation: 411

OK - I didn't include all of my markup (e.g. the linked to divs [as you pointed out Andrew], when using your jsfiddle I figured out that using the code I used, the referenced div in the jquery has to encompass the list and the content. it was solved by adding a new div wrapping around both and calling tabs on that.

Thanks Andrew you really helped big time!

Upvotes: 2

Related Questions