重新调整浏览器窗口大小时的jQuery移动菜单问题

时间:2016-10-02 17:16:04

标签: javascript jquery mobile

好的,所以我不是jQuery专家(还在学习),因为我更像是一个前端人。

首先,相关网站为http://dev.digitalskydesign.com

在桌面浏览器中打开正常尺寸(至少1000px宽)。

您将看到菜单系统正常运行。

现在将浏览器的大小调整为模拟移动视图的范围。你会看到'关于'当你点击菜单时,菜单会变得很糟糕。它会打开然后立即关闭。

现在,刷新浏览器(仍在移动视图中),您会看到“关于”菜单工作正常。

所以,发生的事情是,当网站动态调整大小时,会导致这个奇怪的问题。

您可以在此处查看手风琴菜单功能的jQuery代码: http://dev.digitalskydesign.com/wp-content/plugins/accordion-menus/js/accordion-menus.js

现在我认为我已正确编写此代码,以通过将此代码段添加到代码末尾来考虑浏览器大小调整:

console.log($('#xh-bar').contents());

它查看CSS媒体查询并确定#nav-panel容器的位置是否为"固定" (仅适用于移动尺寸,宽度为768像素或更大,绝对值为#34;)。如果是,则运行accordion_menus函数。

那我在这里做错了什么?

0 个答案:

没有答案