Как показать вкладку в конкретном Div - PullRequest
Новая
       5

Как показать вкладку в конкретном Div

0 голосов
/ 04 июля 2011

Я использую вкладку jQuery: 

http://jqueryui.com/demos/tabs/#ajax

Мой дизайн: 

<div class="container2">
    <!-- review tabs -->
    <div id="tab1">
    <ul>
        <li id="tf1"><a href="../LoadUserControl.aspx?ucid=1" title="tabs-1">Reviews</a></li>
        <li id="tf2"><a href="../LoadUserControl.aspx?ucid=2"  title="tabs-1">Apps of the Week</a></li>
        <li id="tf3"><a href="../LoadUserControl.aspx?ucid=3"  title="tabs-1">Videos</a></li>
        <li id="tf4"><a href="../LoadUserControl.aspx?ucid=4"  title="tabs-1">Photos</a></li>
    </ul>

    <!-- its showing content of tab here -->
</div>

<!-- I want to show content of tab page here -->

По умолчанию открывается вкладка ниже "</ul>", где мне нужна эта вкладка для отображения из "</ul>'s" родительского div

jQuery Я использую: 

 $(function () {
    $("#tab1").tabs({
        ajaxOptions: {
            error: function (xhr, status, index, anchor) {
                $(anchor.hash).html(
                                    "Couldn't load this tab. We'll try to fix this as soon as possible. " +
                                    "If this wouldn't be a demo.");
            }
        }
    });
});

Ответы [ 2 ]

0 голосов
/ 04 июля 2011

Я не совсем уверен в этом, так как не могу проверить это, но вы можете попробовать. В документации я вижу:

Обратите внимание, что если вы хотите использовать существующий контейнер, вы можете сделать это соответствие атрибута заголовка и тому идентификатор контейнера:

... и контейнер, как: ...

(Обратите внимание, что пробел заменяется на подчеркивание)

Чтобы вы могли сделать: 

<li id="tf1"><a href="../LoadUserControl.aspx?ucid=1" title="tabs-new">Reviews</a></li>
            <li id="tf2"><a href="../LoadUserControl.aspx?ucid=2"  title="tabs-new">Apps of the Week</a></li>
            <li id="tf3"><a href="../LoadUserControl.aspx?ucid=3"  title="tabs-new">Videos</a></li>
            <li id="tf4"><a href="../LoadUserControl.aspx?ucid=4"  title="tabs-new">Photos</a></li>
</ul>

, а затем создайте div с id = 'tabs-new', в который вы хотите поместить содержимое.

но, как я сказал, я никогда не пробовал это

0 голосов
/ 04 июля 2011

Однажды у меня была такая же проблема.К сожалению, это структура виджета со вкладками.Вы не можете изменить это в чистом виде.Единственное, что вы можете сделать, это перемещать контент с помощью .append() каждый раз, но это грязный ход.

Надеюсь, что помог.Приветствия

...