为什么这个jQuery选项卡对话框插件只在Firefox中工作?

为什么这个jQuery选项卡对话框插件只在Firefox中工作?,jquery,jquery-ui,jquery-ui-dialog,jquery-ui-tabs,Jquery,Jquery Ui,Jquery Ui Dialog,Jquery Ui Tabs,要创建选项卡式对话框,请执行以下操作: $('#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').app

要创建选项卡式对话框,请执行以下操作:

$('#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>
$('#租户')。选项卡对话框();
$.fn.tabbedDialog=函数(){
这个.tabs();
对话框({'modal':true,'width':800,'height':600,'minWidth':400,'minHeight':300,'draggable':true});
this.find(“.ui选项卡对话框关闭”).append($('a.ui-dialog-titlebar-close');
this.find(“.ui选项卡对话框关闭”).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.sides('.ui对话框标题栏').remove();
tabul.addClass('ui-dialog-titlebar');
}
一些细节 一些事件 一些工作
不幸的是,它似乎只适用于Firefox

我在Chrome8(不显示任何内容)和IE8(在主页上显示选项卡内容)中测试了它,但在这两种情况下都不能正常工作

猜猜为什么不呢


与其尝试对这段旧代码进行故障排除,不如尝试使用我个人使用过的格式:

与其尝试对这段旧代码进行故障排除,不如尝试使用我个人使用过的格式:

仅供参考,这真的不是当前jQuery插件的推荐格式-。仅供参考,这并不是现在jQuery插件的推荐格式-。