首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jquery betterTooltip w/Awesomeness工具提示不在IE 8中显示

jquery betterTooltip w/Awesomeness工具提示不在IE 8中显示
EN

Stack Overflow用户
提问于 2011-03-05 03:39:02
回答 3查看 842关注 0票数 0

如果您访问此链接:http://pearlofthewest.com/并使用chrome或firefox查看页面,则当鼠标悬停在幻灯片查看器中的图像上方时,betterTooltip图像/文本会显示出来。在Safari中,会显示betterTooltip,但幻灯片查看器div的位置要靠右很远。在IE8中,将鼠标悬停在图像上方时,betterTooltip根本不显示。

我已经查看了pngfix,并尝试实现ie8.js pngfix,看看这是否是问题所在,但是betterTooltip仍然不能在IE中显示。我的css中是否遗漏了什么?

当您访问教程演示站点http://d2o0t5hpnwv4c1.cloudfront.net/234_tooltip/Demo/index.html时,betterTooltip在IE中运行良好

对于我做错了什么让它不能在IE8中工作有什么想法吗?

非常感谢,

卡米利

EN

回答 3

Stack Overflow用户

发布于 2011-03-05 03:50:55

问题不在于工具提示,而在于你的其他脚本。

检查文件js_random.js,它在第一行有一个错误。

尝试删除此函数,并查看IE的反应

代码语言:javascript
运行
复制
 function newWindow() {
  document.getElementByClass('new').target = "_blank";
 }

javascript中没有名为getElementByClass的方法,它是getElementByClassName

票数 0
EN

Stack Overflow用户

发布于 2011-03-05 03:54:14

我认为IE的js有语法错误的问题。

消息:语法错误

行:1

字符:1代码:0 URI:http://www.pearlofthewest.com/js/js_random.js

如果您在单独的js文件中有一个脚本,则不需要标记。

票数 0
EN

Stack Overflow用户

发布于 2011-03-05 04:28:08

谢谢,Drackir。我将缩小图像并删除这些img属性。我更改了指定放置工具提示的位置的betterTooltip.js文件参数:

代码语言:javascript
运行
复制
/* Position the tooltip relative to the class 
           associated with the tooltip                */
        setTip = function(top, left){
            var topOffset = tip.height();
            //var xTip = (left-30)+"px";
            //var yTip = (top-topOffset-60)+"px";
            var xTip = "55%";
            var yTip = "340%";
            tip.css({'top' : yTip, 'left' : xTip});
        }

我注释掉了作者的set位置,并放置了我自己的set位置,因为它相对于它所附加的元素定位了较好的工具提示:我希望它显示在一个位置,而不管访问者悬停在哪个元素上。我再检查一下位置。

感谢rucsi和runrunforest,我删除了指向js_random.js文件的链接,因为它不是必需的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5198433

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档