0

我正在尝试将 JQuery UI 工具提示添加到 CFLayout 中的内容中。但是，在 IE8（怪癖模式）中，工具提示出现在浏览器的左边距。我相信这是 JQuery 和 Ext-JS 之间的某种不兼容。

为了测试，我尝试创建一个绝对定位的 div，其中左侧为 200px，<CFLayoutArea以查看它是否也会粘在浏览器的左侧，但事实并非如此。相反，它出现在距离左侧 200 像素处，<CFLayoutArea而它应该出现在距离浏览器窗口左侧 200 像素处。

有没有人遇到并解决了类似的问题？在这一点上，切换出怪癖模式不是一种选择。

更新

我通过使用这样的代码管理了一个 hack：

open: function (event, ui) {
    updateTooltipPositions();
}



function updateTooltipPositions() {
    $("[id^='ui-tooltip-']").css("left", mouseX-401);
    $("[id^='ui-tooltip-']").css("top", mouseY+1);
}

但是，这不是一个干净的解决方案，它会在显示工具提示时阻止动画。

4

1 回答 1

1

最后，我们决定使用以下 hack：

 open: function (event, ui) {
     updateTooltipPositions();
 }

 function updateTooltipPositions() {
     $("[id^='ui-tooltip-']").css("left", mouseX-401);
     $("[id^='ui-tooltip-']").css("top", mouseY+1);
 }

此外，IE 在手动关闭工具提示方面给我们带来了一些问题。为了避免这种情况，我们不得不强制该特定页面退出怪癖模式：

 <cfheader name="X-UA-Compatible" value="IE=Edge">   <!--- Force browser into standards mode --->

这些都不是最佳解决方案。但是，它们适用于我们对时间敏感的情况。

于 2013-12-17T21:12:15.820 回答