全部!我有连接到元素的 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()...
我知道,这应该重新工作,但是.. 工作完美:)))
对于页面箭头中的任意数量的工具提示,直接指向连接的元素:)