Вкладки jQuery "общая" разметка - PullRequest
Новая
       10

Вкладки jQuery "общая" разметка

0 голосов
/ 08 января 2012

У меня есть несколько дивов JQuery UI Tab. Есть ли способ иметь разметку, которая является общей для всех tab / div? В частности, я хотел бы добавить кнопки сохранения и отмены, но на самом деле разметка может содержать все что угодно.

Я могу дублировать их на всех своих вкладках, если это необходимо, или просто добавить разметку во внешнем элементе div и дать ей некоторое отрицательное поле (перемещая ее во все области вкладок.

1 Ответ

1 голос
/ 08 января 2012

Может быть, вы могли бы добавить содержимое commom в один div, а затем, прежде чем вызывать плагин tab, просто добавьте эту общую разметку в каждый из блоков содержимого.Примерно так:

Разметка: 

<div id="commonContent">
    <p>Some common stuff</p>
</div>

<ul id="tabNav">
     <li><a href="#tabContent1">Tab1</a></li>
     <li><a href="#tabContent2">Tab2</a></li>
     <li><a href="#tabContent3">Tab3</a></li>
</ul>

<div id="tabContent1" class="tabContent">
    <p>Content 1</p>
</div>
<div id="tabContent2" class="tabContent">
    <p>Content 2</p>
</div>
<div id="tabContent3" class="tabContent">
    <p>Content 3</p>
</div>

<script type="text/javascript">
    (function($){
        $(document).ready(function(){
            $('#commonContent').hide().appendTo($('.tabContent'));
            $('#tabNav').tabs();
        });
    })(jQuery);
</script>

Не проверено, просто даю идею.

...