我在Drupal 7网站上使用Sidr来创建响应式菜单。我正在使用Responsive Menus module和Sidr library。我在我的网站上也启用了Aggregate JavaScript和CSS文件选项。已经有一个大屏幕的菜单,如桌面等,我已经将这个元素的ID(#main-menu)传递给了Sidr,正如文档中所建议的那样。我没有安装jQuery Update模块。因此我相信我使用的是Drupal 7框架提供的默认jQuery。在我的电脑的Chrome控制台中运行console.log(jQuery.fn.jquery);
会返回1.4.4。
问题在于,在移动设备中,每当我触摸菜单按钮时,它会将#sidr-0
作为www.example.com/#sidr-0
添加到网址中,并且在第一次尝试时不会发生任何事情。但是,它从第二次开始就顺利开始。此外,从第二次开始,没有任何内容被附加到URL并且它保持相同,即www.example.com
这种情况发生在所有设备上(我已在Android和iPhone上检查过)。它似乎是在第一次尝试时加载sidr库,一旦下载到设备,它就会开始正常工作。
此问题是否有解决方法?我当然不喜欢任何用户两次触摸菜单图标。它也给人一种负面印象。