1
我found this jQuery code创建一个标签式对话框:为什么这个jQuery tabbedDialog插件只能在Firefox中使用?
$('#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(在主页上显示标签内容)中测试它,并且它在任何一个中都不能正常工作。
任何猜测为什么不呢?
仅供参考,那真的不是jQuery插件推荐的格式,这些天 - [这是](http://docs.jquery.com/Plugins/Authoring#Summary_and_Best_Practices)。 – 2010-12-07 04:16:26