使用Enquire.JS根据屏幕大小在脚本之间切换

时间:2012-10-09 21:27:59

标签: javascript jquery enquire.js

我创建了一个包含两个不同脚本的页面。运行的脚本由屏幕大小决定。 Enquire.Js用于实现此目的。

当在大于600px的屏幕上查看页面时,我希望使用jQuery选项卡显示内容。 我在这里制作了一个测试模型并且工作正常:Live Page || JS Fiddle Version

虽然它有效但它只能以一种方式工作。即当窗口调整大小时,Enqiurie.js会发挥其“魔力”。但如果再次调整窗口大小,则“魔法”不会反转。 (与CSS媒体查询相反,其中重新调整窗口大小可以反转媒体查询)。

在小于600像素的屏幕上查看页面时,我希望它与iPhone风格的导航一起显示。 我在这里制作了一个测试模型,它也可以正常工作:Live Page || JS Fiddle Version 但是,它只能以一种方式工作。

当我尝试组合这两个演示时(即它在Tabs和iphone风格的Nav之间切换,它不太有效。 请在此处查看测试模型:Live Page || JS Fiddle Version

如果浏览器加载时超过600px,则必须刷新窗口以显示选项卡。 如果你将窗口从小于600px重新调整到600px以上,那么一些不到600px的代码似乎仍然存在。

我不确定我做错了什么。谢谢你的帮助!

0 个答案:

没有答案