Materializecss sidenav不工作

文章/答案/技术大牛

发布

3回答

javascript、html、css、material-design、materialize

我正在尝试让sidenav为Materializecss框架工作。SIDENAV演示<head></head> <ul id="slide-out" class="sidenav>Thi

浏览 9提问于2017-12-25得票数 4

回答已采纳

2回答

MaterializeCSS Sidenav JQuery不工作

jquery、materialize

我不知道为什么，但是用于实现该功能的JQuery不能正常工作。 $(document).ready(() => { });<div class="home_container"><nav class="nav-wrapper"> <

浏览 4提问于2020-04-22得票数 0

回答已采纳

1回答

无主成分的角5材料

angular、angular-material

我正在创建一个角5站点，并试图让sidenav专门为较小的屏幕大小工作。是否有一种方法可以实现sidenav而不必将主要内容放置在元素中？我必须有这样的格式： <mat-sidenav> ..links..</mat-nav-list> <mat-

浏览 0提问于2018-02-05得票数 4

1回答

当单击sideNav外部时禁用sideNav的关闭

materialize

我在我的应用程序中使用sideNav of MaterializeCSS。我不想在点击外部时关闭sideNav。它可以在像这样的情态词中实现：如何在sideNav中做到这一点？

浏览 3提问于2016-06-27得票数 3

1回答

angular2与materializecss集成

javascript、angular、materialize

一切都很好，直到我尝试将基于materializecss jquery的组件添加到我的模板。

浏览 2提问于2016-04-30得票数 5

8回答

TypeError：$(...).sideNav不是函数

javascript、materialize

我导入了Materialize的js和css，但它输出了一个错误的TypeError: $(...).sideNav is not a function。我不知道为什么，我尝试了一个普通的HTML文件，它工作。<script> $(function(){ $('.button-collapse').sideNav

浏览 1提问于2017-05-16得票数 10

1回答

getInstance方法在MaterializeCSS中是什么？

javascript、html、css、dom、materialize

我使用MaterializeCSS框架只花了几个小时，我发现了一些我认为我不理解的代码，文档中可能没有解释，您能向我解释一下getInstance ()方法的功能吗？let elems = document.querySelectorAll(".sidenav");M.Sidenav.init

浏览 1提问于2020-06-23得票数 1

回答已采纳

2回答

如何将jquery嵌入到webpack的自定义元素中，并在web组件中进行访问。我用的是物化

jquery、materialize、web-component、custom-element

我使用了物化，我使用的一些物化组件需要jquery，但是当我将它放入模板或直接放在呈现函数this.innerHtml中时，脚本实际上是不可读的，不能工作。 box-shadow: none; } <ul class="sidenav').sidenav();

浏览 3提问于2020-05-03得票数 1

回答已采纳

3回答

sideNav的函数onOpen()未运行

javascript、jquery、materialize

我使用的是materializecss，也就是sideNav初始化，但是onOpen属性不起作用。$('.button-collapse').sideNav({ edge: 'left', //open on touch screens, onOpen: function() { alert('Open'); },

浏览 19提问于2017-07-10得票数 2

3回答

如何在Angular 7中使用JavaScript代码？

javascript、jquery、angular、materialize、angular7

我正在尝试在移动屏幕上使用MaterializeCSS的帮助下制作一个可折叠的导航栏，并且需要在其中使用JavaScript代码。我应该在哪里编写这段JavaScript代码？这是我想要使用的代码： $('.sidenav').sidenav(); });**

浏览 3提问于2018-11-26得票数 3

回答已采纳

1回答

Materialize CSS Sidenav菜单项隐藏

materialize

我正在使用materializecss。我用的是sidenav。我遇到的问题是: 1.当菜单项超过屏幕高度时，菜单项被隐藏。2.下拉菜单也是如此。你知道怎么让它工作吗？

浏览 16提问于2017-08-14得票数 0

1回答

绑定事件不起作用

javascript、jquery

使用下面的代码，为什么$("#sidenav-overlay").trigger("click")可以工作，而this.$sideNavOverlay.trigger("click")却不能工作？ this.$sideNavOverlay); /

浏览 4提问于2016-09-27得票数 0

回答已采纳

2回答

SideNav - MaterializeCss -绑定事件sidenav close

javascript、materialize

当sidenav关闭时，我找不到任何绑定fire的方法我甚至找不到有这方面的医生。

浏览 0提问于2015-12-24得票数 2

0回答

如何从动态添加的按钮注册/实例化sideNav()

jquery、materialize

我使用Materializecss框架。我有一个从屏幕右侧打开的sideNav。当我动态加载一个按钮时，问题就出现了，这个按钮也应该打开正确的sideNav来执行它想要的操作。所以我使用materializecss代码来初始化右边的侧边栏： menuWidth: g

浏览 5提问于2017-01-06得票数 0

0回答

为什么我的sidenav中的链接不起作用？

php、wordpress、wordpress-theming、materialize

我一直在使用materializecss框架开发一个wordpress主题。我无法让sidenav中的链接工作，sidenav将滑出没有问题，但链接不起作用。下面是指向c9.io框的链接。下面是sidenav的代码 <?

浏览 5提问于2016-12-30得票数 0

回答已采纳

1回答

在大屏幕上实现主要内容旁边的CSS - Sidenav

html、css、materialize

我正在使用Materialize CSS，我想让我的sidenav在屏幕上的主页面内容超过1920px宽度。我在MaterializeCss网页上使用了默认的固定sidenav示例。 <div class="col s12"> <a href="#" data-target="sidenav-1" class

浏览 0提问于2020-04-18得票数 0

1回答

不带jQuery的next.materialize初始化

angular、materialize

今天我访问了materializecss的1.0 alpha版本，我正在使用Angular和Im，使用一些需要jQuery初始化的组件，如 var elem =document.querySelector('.sidenav');而不是我现在使用的jQuery方式： $('.sidenav</em

浏览 0提问于2017-11-14得票数 3

1回答

MaterializeCss:更新后SideNav无法正常工作

javascript、html、css、materialize

我认为这不会有太大的不同，但我的SideNav不再正常工作。当我点击菜单时，它确实会滑出，但黑色的覆盖层覆盖在整个屏幕上，我无法单击任何东西。它看起来是这样的：它看起来像是不透明的' sideNav -overlay‘div在sideNav之上。此外，我不能单击此sideNav中的任何菜单。它的实现与文档中提到的基本相似。

浏览 0提问于2016-11-10得票数 1

5回答

MaterializeCSS NavBar和SideNav

css、materialize

"></script> (function($){ $('.button-collapse').sideNav

浏览 8提问于2016-10-07得票数 9

回答已采纳

2回答

当您关闭hamburgerCSS sidenav时动画MaterializeCSS？

javascript、jquery、html、css

打开和关闭动画工作良好，它正确地打开/关闭材质。我找不到sidenav关闭的状态。我相信最好的方法是找到sidenav的状态，然后在toggleClass上触发hamburgerCSS来完成关闭动画。hamburger-inner"></span> </span

浏览 7提问于2017-03-21得票数 2

点击加载更多