我创建了一个包含两个不同脚本的页面。运行的脚本由屏幕大小决定。 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的代码似乎仍然存在。
我不确定我做错了什么。谢谢你的帮助！