JQuery UI вкладка скрытый div появляется на главной вкладке - PullRequest
Новая
       8

JQuery UI вкладка скрытый div появляется на главной вкладке

0 голосов
/ 12 января 2011

Я не уверен, как именно описать / спросить это, поэтому я сделаю это как можно лучше. Я использую функциональность добавления вкладок во вкладках jquery. На первой вкладке у меня есть jqgrid, который я использую, чтобы выбрать элементы для открытия в новой вкладке. Когда элемент выбран, новая вкладка создается успешно, но под jqgrid добавляется div, который выглядит примерно так (добавлен пробел). Что я могу сделать неправильно, чтобы этот призрачный div появился? Я нашел это с помощью firebug, но так как я еще не переключал вкладки, ничего не должно отображаться, верно? Кроме того, кажется, что 2 div созданы для каждой addtab, который я делаю. 2 нормально?
РЕДАКТИРОВАТЬ: 2 не нормально, пример кода не создает два на веб-сайте jquery ui. 

<div id="ui-tabs-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"></div>

Спасибо.

Код, используемый для добавления. 

function addTab() {
    var selected_row = $grid.jqGrid('getGridParam',('selrow'));
    $tabs.tabs('add', selected_row, selected_row);
}

И шаблон вкладки. 

tabTemplate: "<li><a href='#{href}'>#{label}</a><span class='ui-icon ui-icon-close'>Remove Tab</span></li>",

Редактировать: в основном добавление вкладки создает два div. Идентификаторы, которые являются нечетными, фактически являются желаемыми, а четные - нет. (Идентификатор div с id = "ui-tabs-3" правильный, но также добавлена ​​еще одна вкладка с id = "ui-tabs-2". 2 не нужна.) Я нигде не говорю об этом добавьте две вкладки, и четные вещи будут глупыми и не имеют ничего, но я верю, что это вызывает появление и увеличение сумасшедшего белого пространства каждый раз, когда я добавляю новую вкладку. Есть идеи? Я не делаю ничего сложного и не могу больше разбирать код, я не думаю, не забрав саму функциональность добавления.

Спасибо.

Редактировать: И что с вкладкой? Я что-то упускаю из виду? Похоже, задействовано 6 строк кода, и можно подумать, что я увижу, что я облажался? 

var $tabs = jQuery("#tabs").tabs({
                    //tabTemplate: "<li><a href='http://localhost:8000/tickets/byId/#{href}/'>#{label}</a> <span class='ui-icon ui-icon-close'>Remove Tab</span></li>",
                tabTemplate: "<li><a href='#{href}'>#{label}</a><span class='ui-icon ui-icon-close'>Remove Tab</span></li>",
                ajaxOptions: {
                    error: function(xhr, status, index, anchor) {
                        jQuery(anchor.hash).html("If you're reading this then something didn't go right....oops.");
                    }
                }
            }).bind("tabsselect",function(event,ui){
                if (ui.index == 0) {
                    $grid.trigger('reloadGrid');
                }
            });

1 Ответ

0 голосов
/ 22 января 2011

Я считаю, что эта ошибка отвечает на мой вопрос.

http://bugs.jqueryui.com/ticket/5069

...