2013-07-15 97 views
1

我在jQuery UI佈局中遇到了一個奇怪而模糊的問題。我在一個窗格中有一個下拉菜單,當你點擊它時,它會打開,但你可以選擇任何東西。Firefox選擇與jQuery UI佈局問題

這個問題似乎在過去已經發生,如記錄在這裏: https://groups.google.com/forum/#!topic/jquery-ui-layout/ZaJxX3NbPx4

但在該職位,他們說,這是綁showOverflowOnHover - 屬性我都設置爲false,無論是默認的插件並再次在每個例子中。

這裏是我的初始化代碼:

$('.splitter').layout({ 
     resizeWhileDragging: true, 
     sizable: false, 
     animatePaneSizing: true, 
     fxSpeed: 'slow', 
     east__size: '70%', 
     showOverflowOnHover: false, 
     enableCursorHotkey: false 
    }); 

    $('.splitter_inside').layout({ 
     resizeWhileDragging: true, 
     sizable: false, 
     animatePaneSizing: true, 
     enableCursorHotkey: false, 
     showOverflowOnHover: false, 
     fxSpeed: 'slow', 
     south__size: "40%" 
    }); 

'splitter_inside' 是 '分流' 的內部。

其他人遇到這個問題,或者有任何想法如何解決它?我正在製作小提琴,但遇到了一些麻煩。

回答

1

我在Firefox中遇到同樣的問題,其中UI.Layout窗格中的選擇列表菜單在徘徊時會消失。我終於跟蹤它到下面的相互作用:

  1. 溢出:在窗格
  2. 自動的:內容之前:「」施加的微clearfix的組分窗格
  3. evt.stopPropagation();在UI.Layout源中的addHover()中

您可以刪除這些因素中的任何一個來解決問題。然而,更大的問題似乎是UI.Layout源代碼中的錯誤,因爲evt.stopPropagation();不是問題的原因,只是觸發器。即使這行代碼在選擇列表錯誤發生時沒有運行,註釋掉該行也會解決問題。

我這裏報道的問題:https://groups.google.com/forum/#!topic/jquery-ui-layout/pHHxkewV9ZI

0

試試這個

$(function() { 
    $('.ui-layout-content').click(function(e) {                        
     e.target.focus();             
    }); 
})