2012-03-28 66 views
1

我有一個jQuery ul基本標籤設置罰款..(this onejQuery UL標籤重複導航?

是否有無論如何複製主標籤導航?爲了說它在底部的風格不同?

的工作方式相同的主標籤NAV雖然,選擇不同的選項卡具有的活性類等

只是分開的,所以2的NAV控制一個很多選項卡內容區域。

可能嗎?

感謝所有幫助:)

回答

0

不過,我覺得你可以克隆的實際導航欄(見下文),但該插件緩存錨標記,以便克隆的導航不工作充分。

一種可能的解決方案是通過克隆錨(無事件和數據,只是標記)點擊那些錨時改變標籤來創建新的導航,並調用「select」的方法:

$("#tabs").tabs({ 
    create: function(e, ui) { 
     var bottomNav = $('<div class="ui-tabs-nav bottom" />').appendTo(this); 
     $(this).find('.ui-tabs-nav a') 
      .clone() 
      .click(function() { 
       $("#tabs").tabs('select', $(this).index()); 
      }).appendTo(bottomNav); 
    } 
});​ 

DEMO


當然可以。您可以使用創建標籤標記時觸發的create event。做一個深克隆(數據和事件)與.clone(true, true).ui-tabs-nav元素和追加到標籤的容器(你可以使用CSS來改變造型):

$("#tabs").tabs({ 
    create: function(e, ui) { 
     var tabsNav = $(this).find('.ui-tabs-nav').clone(true, true); 
     tabsNav.appendTo(this); 
    } 
});​ 

+0

輝煌,太感謝你了。 – Jezthomp 2012-03-31 12:58:12