我不是一个大编码器，但我已经构建了测试html页面。为移动设备编写/添加html左侧幻灯片导航的最简单方法是什么？我已经看到了很多解决方案，但却无法让它发挥作用。
答案 0 :(得分：0)
第1步
由于您正在尝试使用Sidr导航实施，并且由于Sidr是一个插件，并且依赖jQuery，您必须确保包含jQuery {1}}插件之前的{1}}库。
在index.html中，只需更改脚本代码的顺序即可。
你有什么：
Sidr你应该拥有什么：
<script src="js/jquery.sidr.min.js"></script>
<script src="js/jquery-min.js"></script>
<script src="js/rimages.js"></script>
这将解决您的错误。
第2步
您的锚标记似乎位于顶部div的后面，因此我们需要更改<script src="js/jquery-min.js"></script>
<script src="js/jquery.sidr.min.js"></script>
<script src="js/rimages.js"></script>
以使其前进。将以下内容添加到z-index文件中。
css这会使可点击的菜单按钮向前移动，当然您需要做一些额外的样式，但基本的.mobile-menu-trigger {
position: relative;
z-index: 33; //bring content forward
}
导航菜单现在应该可以使用。