2012-09-09 224 views
0

背景:我的代碼使用母版頁內有框架,所有其他導航使用框架和主頁面用於菜單用途。 在提交按鈕單擊(在所有屏幕上),要禁用任何進一步的用戶干擾頁面。對於母版頁有一個div和個人網頁下面的代碼寫入加載div提交按鈕,以防止雙重提交

var loading = window.parent.document.getElementById('dvLoading'); 
$(loading).show(); 

問題:我有其中有幾個AJAX選項卡上,單擊各個選項卡上的一個框架,我想打電話給同格,以防止用戶干擾標籤導航。針對下面的代碼寫入

$(".ajax__tab_inner").click(function() { 
    var loading = window.parent.document.getElementById('dvLoading'); 
    $(loading).show(); 
}); 

這工作得很好,直到用戶點擊當前激活的標籤,這不會刪除加載的div和它保持加載/掛狀態。

好心建議如何防止活動標籤或任何其他方式的div加載。

回答

0

你應該檢查點擊標籤是否是當前標籤,如果是,取消其餘代碼。

這是這樣一個例子代碼:

$(".ajax__tab_inner").click(function() { 
      // assuming that the active tab has a class called `active` 
      if((this).hasClass('.active')) 
       { 
        return false; 
       } 
      var loading = window.parent.document.getElementById('dvLoading'); 
      $(loading).show(); 
     }); 
+0

嗨ElSayed,謝謝你的建議,你能請擴展它來了解,我怎麼可以指定類當前標籤?你是否建議在選項卡上更改我繼續通過活動選項卡的某些標識分配活動班級? –

+0

正確,我的意思是,必須有一些東西,確定從兄弟姐妹的活動選項卡。 所以我想這可能是一個類或其他東西。 導致此方法將使您更容易使用這些選項卡,另一方面幫助解決當前問題。 如果你看過jQuery Ui Tabs實現(http://jqueryui.com/demos/tabs/),你會注意到它們爲活動標籤('ui-tabs-selected')分配了一個特殊的類。這正是我剛纔所說的。 –

+0

如果您在實施此方法時仍遇到問題,請使用您的HTML代碼更新問題,也許我可以爲您提供更多幫助。 :) –