JQuery UI вкладка сверху и снизу - PullRequest
Новая
       7

JQuery UI вкладка сверху и снизу

1 голос
/ 29 августа 2011

Я хотел бы иметь вкладку Jquery UI с функцией меню сверху и кнопки, возможно ли это сделать? (содержимое загружается через ajax, я имею в виду одновременно верхнюю и нижнюю вкладки.) 

<script type="text/javascript" charset="utf-8">
    $(function() {
        $( "#tabs" ).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." );
                }
            },
            cookie: {
                // store cookie for a day, without, it would be a session cookie
                expires: 1
            }
        });
});
</script>
<div id="tabs"> 
    <ul id="top"> 
       <li><a href="top1.php">top 1</a></li> 
       <li><a href="top2.php">top 2</a></li> 
    </ul> 
    <ul id="bottom"> 
       <li><a href="bottom.php">bottom 1</a></li> 
       <li><a href="bottom.php">bottom 2</a></li> 
    </ul> 
</div>

Заранее спасибо!

Ответы [ 2 ]

0 голосов
/ 05 августа 2012

Я думаю, что наконец нашел ваш ответ. Посмотрите на мой пост, я написал там, как сделать вкладки сверху и снизу одновременно jQuery UI вкладки - как изменить положение вкладки

и если вы сочтете это полезным, отметьте это как ответ, чтобы привести других к правильному решению

0 голосов
/ 02 августа 2012

Я немного озадачен тем, чего вы хотите достичь, но если вы пытаетесь сделать похожий макет, как я на вкладках jQuery UI - как изменить положение вкладки , тогда, если вы не противмакет вкладок с фиксированной высотой, тогда вы можете просто перемещать вкладки по css, как я это сделал здесь http://jsfiddle.net/L6QjK/2/

Если вы не возражаете против фиксированной высоты, пока моя единственная идея - создать макет содна панель управления, затем добавьте несколько <div> в виде панели управления и переместите некоторые вкладки после инициализации из кода, используя что-то вроде этого:

$("#yourFakeControlPanel").append($(".ui-tabs-nav").find("#yourTab"));

$(".ui-tabs-nav").find("#yourTab").remove();

Это работало, когда все вкладки были статичными, но я столкнулся с некоторыми ошибками при динамическом добавлении новых вкладок, поэтому считаю это подсказкой, а не точным ответом

...