2012-08-01 2 views
2

jQuery 1.71 및 jQuery UI 1.8.16을 사용 중이며 악의적 인 jQuery UI 탭을 받고 있습니다. 불일치 조각 식별자 오류가 발생했습니다.jQuery UI 탭 : 불일치 조각 식별자 (jQuery 1.71, UI 1.8.16)

아무도 도와 줄 수 있습니까? UI 및 jQuery 버전에 문제가있을 수 있다고 생각했지만 - 내 버전이 상당히 현대적인 것으로 확신합니다.

미리 감사드립니다. 다음과 같이

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); 
    }); 
}); 

HTML 코드는 다음과 같습니다

<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> 
+0

Tabas가 적용되기 전이나 후에이 마크 업입니까? 마크 업이 어떻게 보이는지 보려면 [the tabs documentation page] (http://jqueryui.com/demos/tabs)에있는 예제를 사용하십시오. –

+0

. 나는이 마크 업이 jquery 1.4와 이전 jquery UI의 오래된 스택에서 잘 작동한다는 것에 주목해야한다. 나는 업그레이드를 시도하고 있으며 이러한 문제에 부딪쳤다. – user801745

+0

흥미 롭습니다 ... 탭을 적용하기 전에 마크 업을 보여줄 수 있습니까? –

답변

2

확인 - 내가 예를 들어, [당신은 앤드류를 지적] div의에 링크, 당신의 jsfiddle을 사용할 때 내 마크 업을 모두 (포함하지 않았다 내가 사용한 코드를 사용하여 jquery의 참조 된 div가 목록과 내용을 포함해야한다는 것을 알아 냈습니다. 새로운 div를 추가하고 그 위에 탭을 추가하여 해결했습니다.

감사합니다. Andrew you really 큰 도움이되었습니다.