我最近在网站上为我的一位朋友工作,帮助她使用Google Checkout在线销售手镯。我试图使网站与尽可能多的浏览器和手机/平板电脑兼容,同时仍然可以正常运行。
我实施了http://plugins.jquery.com/project/floatobject
时提供的jQuery插件后遇到了一个问题除IE8或更低版本外,它适用于所有浏览器,手机和平板电脑。我犯了一个致命的错误,即在发送它之前没有在所有浏览器上进行测试。在IE8或更低版本的代码中出错的部分似乎是: imgBigger.makeFloat({X: “当前”,Y: “当前”});
该网站的实时版本位于 http://www.mldubz.com/exist.html
请检讨。为了表示赞赏,基本设计来自'教程'教程,虽然在整个站点中进行了修改,并且此页面上的图像的弹出式div设计(我正在遇到麻烦的滚动)来自 queness < / em>然而滚动,调整大小和居中效果是使用jquery和上面描述的插件完成的。
我尝试在每个变量声明之前添加var并确保jquery和所有其他脚本正确加载,但我必须遗漏一些东西。我最好的猜测是我错过了一些非常明显的东西。在此先感谢,感谢任何意见,即使它是一个建议!
注意:实施了添加到购物车按钮和google checkout购物车的xua修复程序,并在早上AM尽可能多地修复了非验证项目。
答案 0 :(得分:0)
我已经找到了问题所在。由于我使用X UA元标记强制IE 8支持:
我没有意识到IE 8和under不支持$(文档).scroll,而是我需要使用$(window),这似乎是相当跨浏览器。
一切都在改变。有一个“错误”,如果你在1秒内点击掩码区域,而不是所有给出的元素.hide()消失,可能是因为它们仍然是动画。我是jquery的新手,所以我相信我会很快通过更多的研究来解决这个问题。我可以收紧时间表,但这会破坏动画制作的目的。
无论如何,这并不会以任何方式伤害网站,因为大多数元素都不会受到任何相关网站使用的影响,用户仍然可以通过点击或点按来关闭它们,或者最糟糕的情况是重新打开图像然后在动画完成后再次关闭。
所以我找到了答案!谢谢。一个令人失望的是XUA标签没有验证,但谷歌可能有一天会修复他们的购物车。或者在替代方案中,也许有人会找到一种方法来强制IE与条件评论等成功向后兼容。