2012-02-02 54 views
0

這裏做上下文菜單是鏈接到我的網站的一個例子我的工作:
https://grenada.lumc.nl/LOVD3/shared/genes無法隱藏通過jeegoocontext

我試圖隱藏已通過jeegoocontext產生的上下文菜單(菜單在懸停在頁面頂部的選項卡上時彈出,例如「屏幕」)。當我將鼠標懸停在選項卡上時,上下文窗口顯示爲它應該顯示的內容。然而,當我沒有實際觸及上下文菜單(例如,從頂部退出頂部)的標籤的鼠標懸停時,然後上下文菜單不會隱藏,我不能讓它這樣做。

如果我在退出之前將鼠標懸停在菜單上,那麼它的行爲應該與它應該一樣。有沒有人有解決方案,這不涉及使用不同於jeegoocontext的庫?

編輯:
這是鏈接到與文件夾jeegoocontext原始.js文件的jeegoocontext拉鍊。
http://www.planitworks.nl/uploads/afbeelding/components/downloads/jeegoocontext_1_3.zip

乾杯,

lugte098

+0

請張貼使子菜單出現的代碼。據我可以看到,在頁面的來源,它目前縮小,所以我們不能幫助。 – 2012-02-02 12:48:32

+0

我在帖子中加入了一個鏈接 – lugte098 2012-02-02 13:36:42

+0

我是否需要提供更多信息? – lugte098 2012-02-06 14:51:18

回答

0

嘗試把你的腳本在你的頁面的頁腳這樣的:

$(document).ready(function(){ 
    var aMenuOptions = { 
     widthOverflowOffset: 0, 
     heightOverflowOffset: 1, 
     startLeftOffset: -20, 
     event: "mouseover", 
     openBelowContext: true, 
     autoHide: true, 
     delay: 100, 
     onSelect: function(e, context){ 
      if($(this).hasClass("disabled")) 
      {    
       return false; 
      } else { 
       window.location = $(this).find("a").attr("href"); 
       return false; 
      } 
     }, 
    }; 
    $('#tab_genes').jeegoocontext('menu_tab_genes', aMenuOptions); 
    $('#tab_transcripts').jeegoocontext('menu_tab_transcripts', aMenuOptions); 
    $('#tab_variants').jeegoocontext('menu_tab_variants', aMenuOptions); 
    $('#tab_individuals').jeegoocontext('menu_tab_individuals', aMenuOptions); 
    $('#tab_diseases').jeegoocontext('menu_tab_diseases', aMenuOptions); 
    $('#tab_screenings').jeegoocontext('menu_tab_screenings', aMenuOptions); 
    $('#tab_submit').jeegoocontext('menu_tab_submit', aMenuOptions); 
}); 

的問題是,該腳本可以運行HMTL DOM是前完成。 試試這個。

+0

試過了,同樣的問題... – lugte098 2012-02-02 13:04:36

+0

還有其他想法嗎? – lugte098 2012-02-06 14:51:39