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