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

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

当在大于600px的屏幕上查看页面时，我希望使用jQuery选项卡显示内容。 我在这里制作了一个测试模型并且工作正常： 实时页面 || JS小提琴版

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

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

当我尝试将这两个演示结合起来时（即它在Tabs和iphone风格的Nav之间切换，它不太有效。请参阅此处的测试模型： 实时页面 || JS小提琴版本

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

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