2010-01-27 59 views
1

我不知道,我應該定義的UI選項卡外部加載頁面jQuery的我的行動。如果把用於裝的extern頁的jQuery行動由UI選項卡

因此,舉例來說,我已經得到了包括3個標籤的index.html頁面。點擊每個標籤將加載extern1.html,extern2.html,extern3.html。這3個外部頁面需要幾個jQuery操作(onload-actions,onclick-actions等)。

我什麼時候放的外部網頁上的所有jQuery代碼到索引和我加載外部頁面之一,這jQuery代碼不會影響外部加載的頁面,當我點擊一個標籤。

當我將外部頁面的所有jQuery代碼放到外部頁面本身時,它會導致麻煩(我認爲),因爲當我多次加載標籤頁/外部頁面時,它會一遍又一遍地加載jQuery代碼,對?

那麼,我必須把我的jQuery代碼? (一些例子?)

非常感謝!

回答

1

你可以把你的代碼標籤加載事件處理程序:

$('.your-tabs-container').tabs({ 
    load: function(event, ui) { /* your code here */ } 
}); 

或:

$('.your-tabs-container').bind('tabsload', function(event, ui) { 
    /* your code here */ 
}); 

在這種情況下,根據文檔,你可以從ui參數,取得必要的UI信息:

ui.tab  // anchor element of the selected (clicked) tab 
ui.panel // element, that contains the selected/clicked tab contents 
ui.index // zero-based index of the selected (clicked) tab 
1

把你的jQuery對母親html和使用.live()功能綁定你想要的事件。 docs here

0

您應該只包含一次jQuery庫!在你的索引頁面上。 在外部網頁,你應該包括JavaScript中使用的針對個體的外部頁面:

指數:

  • 包括jQuery庫

外部1:

  • 的jQuery與外部頁面相關的功能1

外部2:

  • jQuery的相關外部頁功能2

這是我會怎麼做:-)

相關問題