我制作了一个包含两个不同脚本的页面。运行的脚本由屏幕大小决定。Enquire.Js就是用来实现这一点的。
当在大于 600px 的屏幕上查看页面时，我希望内容使用 jQuery 选项卡显示。我在这里做了一个测试模型，它工作正常：Live Page || JS 小提琴版
虽然它有效，但它只能以一种方式工作。即当窗口调整大小时，Enqiurie.js 会发挥它的“魔力”。但是，如果再次调整窗口大小，则“魔术”不会逆转。（与 CSS 媒体查询相反，其中重新调整窗口大小会再次反转媒体查询）。
当页面在小于 600px 的屏幕上查看时，我希望它以 iPhone 风格的 Nav 显示。我在这里制作了一个测试模型，它也可以正常工作：Live Page || JS Fiddle 版本 然而，它也只能以一种方式工作。
当我尝试结合这两个演示时（即它在 Tabs 和 iphone 样式 Nav 之间切换，它不太工作。在此处查看测试模型：Live Page || JS Fiddle 版本
如果浏览器加载时超过 600 像素，则必须刷新窗口才能显示选项卡。如果您将窗口从小于 600 像素重新调整为大于 600 像素，一些小于 600 像素的代码似乎仍然存在。
我不确定我做错了什么。谢谢你的帮助！