jquery工具提示和对话框

jquery工具提示和对话框,jquery,tooltip,Jquery,Tooltip,我正在使用jQuery工具提示(http://flowplayer.org/tools/tooltip/index.html),我正在尝试让动态插件工作。如果将工具提示设置为屏幕外的位置(如果它被屏幕顶部截断,它将显示在工具提示所属的元素下方),则会更改工具提示的位置 理想情况下,我希望在jQuery对话框中复制它,这样如果标题栏切断了工具提示,它将显示在它所属的元素下面 或者,我希望工具提示显示在标题栏的顶部。我尝试将工具提示的z索引设置为9999999999,但它仍然显示在标题栏下方 任何想

我正在使用jQuery工具提示(http://flowplayer.org/tools/tooltip/index.html),我正在尝试让动态插件工作。如果将工具提示设置为屏幕外的位置(如果它被屏幕顶部截断,它将显示在工具提示所属的元素下方),则会更改工具提示的位置

理想情况下,我希望在jQuery对话框中复制它,这样如果标题栏切断了工具提示,它将显示在它所属的元素下面

或者,我希望工具提示显示在标题栏的顶部。我尝试将工具提示的z索引设置为9999999999,但它仍然显示在标题栏下方


任何想法,Stack?

都可能对使用z索引有所帮助。您尝试的值大于允许的最大值。

您是否在样式中指定了
position
属性?如果要使用z-index,必须在之前设置
position
属性。

问题不在于z-index或position属性,而在于溢出。工具提示不能很好地与“自动”配合使用,但与“可见”配合使用。但是,使用“溢出:可见;”您丢失了windows上的自动滚动条,这是不需要的。因此,最好的解决方案是让动态工具提示插件处理parent.ui对话框内容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
    ];
}
函数获取裁剪(el){
var w=$(el).closest('.ui对话框内容');
var right=w.offset().left+w.width();
变量底部=w.偏移().顶部+w.高度();
var toolTipRight=el.offset().left+el.width();
var toolTipBottom=el.offset().top+el.height();
返回[
标高偏移()顶部