爲什麼這個jQuery tabbedDialog插件只能在Firefox中使用？

Question

我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> 

不幸的是，似乎只在Firefox中工作。

我在Chrome 8（不顯示任何內容）和IE8（在主頁上顯示標籤內容）中測試它，並且它在任何一箇中都不能正常工作。

任何猜測爲什麼不呢？

jsfiddle demo

Answer 1

，而不是試圖解決此舊代碼，試圖利用這一點，我已經親自使用：http://jqueryui.com/demos/tabs/