为什么这个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插件的推荐格式-。