Question

仅在Internet Explorer上悬停表格标题时，不会显示工具提示。

你好我在IE上遇到网格问题。我使用jQuery选择器构建带有内部文本的工具提示，该工具提示从目标复制了文本。仅当元素具有“省略号”属性且此属性为文本未完全显示在行上。

jQuery选择器的一部分：

  var target = e.target,
                tooltip = e.sender,
                tooltipText = "";

            if (target[0].offsetWidth < target[0].scrollWidth) {
                tooltipText = target[0].value || target[0].innerText;
            }

            tooltip.popup.unbind("open");
            tooltip.popup.bind("open", function (arg) {
                tooltip.refreshTooltip = false;
                if (target[0].offsetWidth > target[0].scrollWidth || tooltipText === "") {
                    arg.preventDefault();
                } else if (tooltipText !== target[0].value && tooltipText !== target[0].innerText) {
                    tooltip.refreshTooltip = true;
                }
            });

            return tooltipText;

它确实适用于Chrome，而我将鼠标悬停在表头上，但在IE上，它仅适用于td元素，不适用于表的th元素。我试图将 white-space：nowrap; 添加到第th个元素中，并且将 table-layout：fixed; 添加到表本身，但这没有用。

Answer 1

该问题与IE和Edge浏览器有关。他们发现元素的宽度不同于其他浏览器，并且浏览器认为，即使在文本为省略号的情况下，也可以显示整个文本（仅在这种情况下才显示工具提示）。这个问题非常棘手，因为在悬停表的标头上没有出现工具提示。要解决此问题，需要在整个文本中添加额外的字符以欺骗IE和Edge，如下所示：

self.kwargs

在Internet Explorer上悬停表格标题时，工具提示不会出现

1 个答案: