ASP.NET MVC默认模板包括一个汉堡包菜单,当在较小宽度的设备上查看页面时,该菜单将可见。它不仅依赖于bootstrap.css,还依赖于bootstrap.js的显示/隐藏导航菜单的能力。
对于AngularJS,我们需要使用ui-bootstrap.js,并被建议排除Twitter的原生bootstrap.js。
在大多数情况下,这很好用,但汉堡菜单就没什么用了。什么是最优雅的方式来连接汉堡包菜单,以表现与以前一样?
我有一个画布导航在一个网站上,我正在工作。取消画布导航的默认状态是关闭的,这在移动站点上运行良好,因为您可以切换它,打开并选择您的链接,但是在桌面上,关闭它并在隐藏用户信息的情况下切换它,我希望在用户到达页面时默认打开它。
当前,导航使用jQuery进行切换:
$( "#main-menu-toggle, #main-menu-caption, .menu-mask" ).on( "click", function() {
// toggle the classes in the body the css does the rest
$(
每当我在桌面上显示导航时,我就创建了一个移动菜单。我使用的JS效果和我用来创建导航链接之一下拉列表的效果相同。我不希望导航消失时,我每点击它。
如何将导航显示在桌面屏幕上?
此代码如下:
import React from 'react';
import { Link } from 'react-router-dom';
import Dropdown from '../dropdowns/dropdown.js';
import hamburger from "../images/menu.svg";
class Mobil