Jquery IE8以下滚动脚本错误

标签 jquery internet-explorer-8

我最近一直在为我的一位 friend 开发一个网站,帮助她使用 Google Checkout 在线销售手链。我尝试使该网站与尽可能多的浏览器和手机/平板电脑兼容,同时仍能正常运行。

在实现 http://plugins.jquery.com/project/floatobject 提供的 jQuery 插件后,我遇到了一个问题。

它在所有浏览器、手机和平板电脑上都能正常工作,IE8 或更低版本除外。我犯了一个 fatal error ,在将其实时发送之前没有在所有浏览器上进行测试。我的代码在 IE8 或更低版本中出现错误的部分似乎位于: imgBigger.makeFloat({x:"当前",y:"当前"});

该网站的实时版本位于 http://www.mldubz.com/exist.html

请检查。值得一提的是,基本设计来自“tutorialzine”教程,尽管在整个网站中进行了修改,并且此页面上图像的弹出 div 设计(滚动是我遇到的问题)来自 queness 但是,滚动、调整大小和居中效果是使用 jquery 和上述插件完成的。

我尝试在每个变量声明之前添加 var 并确保 jquery 和所有其他脚本正确加载,但我一定错过了一些东西。我最好的猜测是我错过了一些非常明显的东西。提前致谢,感谢您的任何意见,即使是建议!

注意:今早为 Google Checkout 购物车实现了“添加到购物车”按钮和 xua 修复,并修复了尽可能多的非验证商品。

最佳答案

我已经找到问题所在了。由于我使用 X UA 元标记来强制 IE 8 支持:

我没有意识到 IE 8 及以下版本不支持 $(document).scroll,而是我需要使用 $(window),这似乎是相当跨浏览器的。

一切都在适应这一变化。有一个“错误”,如果您在 1 秒内单击 mask 区域,则并非所有指定 .hide() 的元素都会消失,可能是因为它们仍在动画中。我是 jquery 的新手,所以我相信通过更多的研究我会尽快弄清楚这一点。我可以缩短时间范围,但这违背了动画的目的。

无论如何,这不会以任何方式损害网站,因为大多数元素不会妨碍任何相关网站的使用,并且用户仍然可以通过单击或点击来关闭它们,或者在最坏的情况下通过重新打开图像来关闭它们然后在动画完成后再次关闭。

所以我找到了答案!谢谢。唯一令人遗憾的是 XUA 标签无法验证,但谷歌可能有一天会修复他们的购物车。或者,也许有人会找到一种方法来强制 IE 成功向后兼容条件注释等。

关于Jquery IE8以下滚动脚本错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6241008/

相关文章:

javascript - 使用 PHP 数据库中的值自动突出显示

php - 无法找到它所在的文件。

javascript - 使用 Javascript|jQuery 删除特定的内联样式

javascript - 按键时换行

asp.net - 绕过证书错误

internet-explorer - Angular JS ng-style 和 Internet Explorer 8

javascript - Javascript函数可在FF,Opera等中运行,但在IE8中无法运行-如何修复

javascript - 如何在查找与搜索框匹配的文本时打开描述 p 标签,否则应禁用 p 标签

css - 显示 : table 的 Internet Explorer 8 错误

internet-explorer - 覆盖内网兼容模式IE8