왜이 jQuery tabbedDialog 플러그인은 Firefox에서만 작동합니까?

Question

I found this jQuery code

은 탭 대화 상자를 만들려면 다음

$('#tenant').tabbedDialog(); 

$.fn.tabbedDialog = function() { 
    this.tabs(); 
    this.dialog({'modal':true,'width':800, 'height':600,'minWidth':400, 'minHeight':300,'draggable':true}); 
    this.find('.ui-tab-dialog-close').append($('a.ui-dialog-titlebar-close')); 
    this.find('.ui-tab-dialog-close').css({'position':'absolute','right':'0', 'top':'23px'}); 
    this.find('.ui-tab-dialog-close > a').css({'float':'none','padding':'0'}); 
    var tabul = this.find('ul:first'); 
    this.parent().addClass('ui-tabs').prepend(tabul).draggable('option','handle',tabul); 
    this.siblings('.ui-dialog-titlebar').remove(); 
    tabul.addClass('ui-dialog-titlebar'); 
} 

<div id="tenant"> 
     <ul> 
      <li><a href="#tenant_details">My Tenant</a></li> 
      <li><a href="#tenant_events">Events</a></li> 
      <li><a href="#tenant_jobs">Jobs</a></li> 
      <li class="ui-tab-dialog-close"></li> 
     </ul> 
     <div> 
      <div id="tenant_details"> 
       some details 
      </div> 
      <div id="tenant_events"> 
       some events 
      </div> 
      <div id="tenant_jobs"> 
       some jobs 
      </div> 
     </div> 
</div> 

불행하게도 단지 파이어 폭스에서 작동하는 것 같다.

Chrome 8 (아무 것도 표시하지 않음)과 IE8 (기본 페이지의 탭 콘텐츠 표시)에서 테스트했는데 둘 중 하나에서 제대로 작동하지 않습니다.

왜 그런가? 대신이 예전의 코드를 해결하기 위해 노력

jsfiddle demo

Answer 1

, 나는 개인적으로 사용한 적이있는이, 사용해보십시오 : http://jqueryui.com/demos/tabs/ 그냥 참조, 즉 요즘 정말 jQuery를 플러그인에 권장되는 형식이 아니다