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/

为什么这个jQuery tabbedDialog插件只能在Firefox中运行？

1 个答案: