Почему этот плагин jQuery tabbedDialog работает только в Firefox? - PullRequest
Новая
       29

Почему этот плагин jQuery tabbedDialog работает только в Firefox?

1 голос
/ 07 декабря 2010

I нашел этот код jQuery для создания диалога с вкладками: 

$('#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

1 Ответ

1 голос
/ 07 декабря 2010

Вместо того, чтобы пытаться устранить этот старый код, попробуйте использовать это, которое я лично использовал: http://jqueryui.com/demos/tabs/

...