0

全部!我有连接到元素的 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()...

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

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

4

0 回答 0