加载内容后,dojo工具提示重新定位

时间:2013-01-16 09:08:16

标签: dojo

ALL! 我有dojo工具提示,它连接到一个元素。

在页面加载/准备好后/页面创建。但是,问题是当连接元素第一次悬停时,动态加载内容。

通过AJAX加载内容。并且 - 只要HTML内容的大小未知(窗口小部件已创建,但内容仍为空) - 在悬停和内容加载后 - 出现了工具提示,但ARROW并未指向连接元素,而是向下移动。

如何在动态加载内容后重新定位窗口小部件箭头?

提前很多!

更新

经过一些调查后我发现,工具提示箭头的位置由

调整

.tundra .dijitTooltipRight .dijitTooltipConnector 班级高度(默认为 14px

所以我现在做了快速而肮脏的修复:

function fixArrowForTooltip() {
    // FIX ARROW (TODO HACK)
    $(".tundra .dijitTooltipRight .dijitTooltipConnector").css("height",
            "14px"); // restore to default for multiple tooltips in the page
    var newHeight = $("#dijit__MasterTooltip_0").height() - 14;
    $(".tundra .dijitTooltipRight .dijitTooltipConnector").css("height",
            newHeight + "px");
    // end of FIX
};

并将其放入onShow()......

我知道,这应该重新开始,但是......工作完美:)))

对于页面箭头中的任意数量的工具提示,直接指向连接的元素:)

0 个答案:

没有答案