jquery工具提示和對話框

Question

我正在使用jQuery工具工具提示（http://flowplayer.org/tools/tooltip/index.html），並試圖讓動態插件工作。如果您設置的位置位於屏幕之外（如果它被屏幕頂部切斷，它將顯示在工具提示所屬的元素下方），這會改變工具提示的位置。

理想情況下，我想在jQuery對話框中複製這個內容，這樣如果標題欄切斷了工具提示，它將在其下面顯示它所屬的元素。

另外，我只想將工具提示顯示在標題欄的頂部。我嘗試將工具提示的z-index設置爲999999999999，但它仍然出現在標題欄下方。

任何想法，堆棧？

Answer 1

問題不在於z-index或位置屬性，而是溢出。工具提示與'auto'不兼容，但它確實與'可見'一起工作。但是，使用'overflow：visible'你失去了窗戶上的自動滾動條，這是不希望的。所以最好的解決方案是讓動態工具提示插件在父級.ui-dialog-content div尺寸上工作，而不是窗口尺寸。

function getCropping(el) { 
    var w = $(el).closest('.ui-dialog-content'); 
    var right = w.offset().left + w.width(); 
    var bottom = w.offset().top + w.height(); 
    var toolTipRight = el.offset().left + el.width(); 
    var toolTipBottom = el.offset().top + el.height(); 

    return [ 
     el.offset().top <= w.offset().top,      // top 
     right <= toolTipRight,   // right 
     bottom <= toolTipBottom,  // bottom 
     w.offset().left >= el.offset().left      // left 
    ]; 
} 

Answer 2

This question可能有助於使用z-index。您嘗試的值大於允許的最大值。

Answer 3

你給了position屬性的樣式嗎？如果您想使用z-index，則必須先設置position屬性。