【问题标题】:Weird jQuery behaviour in FF with FadeTo带有 FadeTo 的 FF 中奇怪的 jQuery 行为
【发布时间】:2011-01-31 12:04:20
【问题描述】:

您好。

我在我的网站上遇到了一个奇怪的 jQuery 问题。

我正在尝试在按钮上模拟 webkit 转换,以便每个人都能获得闪亮的东西。正如我从谷歌搜索中预测的那样,这是一种皇家痛苦。

因此,网站 (http://thechimeraproject.x10.mx) 是可以看到问题的地方。它在按钮中,应该会慢慢发光。 如果你在 Chrome 上打开,必要的浏览器特定的东西,虽然写得很糟糕,因为我正在学习 js,因为我正在努力......现在第三天,正在工作,所以 webkit 效果开始了。闪亮。

你对 IE 做同样的事情,它有点做同样的事情,除了那里明显的 PNG 透明度问题,一旦 FF 工作,就会得到它。

你打开FF,你有一个额外的效果,而且有点没用。如果您打开它并将鼠标置于实际页面之外,您将看到灰色。如果将鼠标放在页面内,则整个页面都会淡入视野。它正在做悬停按钮 div 应该做的事情。由于脚本通过使用“不透明度”类设置受影响的 div 来工作,因此我尝试从导航 div 中删除该类,以便该页面中的任何内容都没有“不透明度”作为一个类,仍然搞砸了。将 (this) 替换为 ('.opacity') 仍然如此。

大问题:为什么? 顺便说一句,是的,一切都是一团糟,而且写得不好。我学的是 C 编程,而不是 javascript,所以我要复制/粘贴很多东西,并使用基本的编程逻辑(和运气)来推动事情的发展。我会很感激关于编码的提示,但如果你从这个开始,你会列出一个很大的清单。

实际的代码可以在第 118 行找到(产生衰落的那个)。

【问题讨论】:

  • 现在我正试图让它工作。最低限度。那我去整理东西。 Dreamweaver 的崩溃有点奇怪,所以没有帮助。

标签: jquery firefox fadeto


【解决方案1】:

您的html 元素应用了一个opacity 类,这会导致执行悬停代码时整个页面淡出。我不确定为什么会发生这种情况,但是您的页面有几个未关闭的标签和其他错误,这些错误总是会导致在浏览器中不一致的奇怪问题。

以下是验证器对您的 HTML 的报告:http://validator.w3.org/check?uri=http%3A%2F%2Fthechimeraproject.x10.mx%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

我会从这些错误开始,然后使用像 Firebug 这样的工具来确定代码究竟在哪里出错(如果仍然如此)。

【讨论】:

  • 那就是 Modernizr。我已经更改了脚本运行的类(更改为 opacityb),现在它可以正常工作了,我还修复了 W3C 验证器返回的错误(我不再关心的 CSS,任何 -webkit 或 -moz 的东西都被挑选出来,所以...),好吧,除了一个:
  • @Paulo:是的,验证器主要用于挑选丢失的标签,看起来你缺少</div></script>
  • 好的,现在都解决了,谢谢,因为我只能看到 Modernizr 使用 Chrome 和 Inspect Element 做了什么,我可能需要很长时间才能找到它!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-03-27
  • 2014-04-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多