我正在尝试通过CSS媒体查询从我的‘桌面’站点创建一个移动网站。
我有一个简单的下拉菜单(桌面),可以转换为一个下拉菜单(移动)。css在浏览器宽度超过768px的任何位置为桌面加载,移动下拉菜单在767px以下的任何位置加载。
问题是下拉菜单需要一个js文件才能正常工作。js文件强制隐藏包含菜单的div。因此,浏览器宽度高达767px时,下推效果很好,在768px时,桌面导航是不可见的。
我刚接触JavaScript和Jquery,但我已经尝试过用我最少的知识让它们有效地运行。我需要它是尽可能简单,因为该网站必须是尽可能最小。
目前,这是我获得的最接近正常运行的功能:
function hi
引导3多层下拉菜单不能在移动设备上工作。我在StackOverflow中检查了许多解决方案。这种解决方案适用于桌面,而不是移动设备。以下是多lebel下拉菜单的最佳解决方案。
$('ul.dropdown-menu [data-toggle=dropdown]').on('click', function(event) {
// Avoid following the href location when clicking
event.preventDefault();
// Avoid having the menu to close when