代码之家 › 专栏 › 技术社区 › Koushik Shom Choudhury

从jquery激发Materialzecss组件事件

materialize html5 jquery

Koushik Shom Choudhury · 技术社区 · 6 年前

具体来说,我有一个 下拉列表 .我一直在尝试新事物 from here .同样的链接显示了一些方法,如“Onopenstart”、“Onopenslose”,以及更多基本上是下拉列表事件的方法。

教程很模糊。没有演示如何使用这些事件。我尝试了jquery中的每一个语法来利用这些事件,但没有一个成功,而且 Chrome Dev控制台 显示错误 jquery上不存在使用的方法 .我只希望有人向我指出一个文档,或者向我展示如何在jquery中使用这些事件。

我的代码不起作用:

JS(jquery):

$(document).ready(function(){
    console.log("Ready");
    $('.sidenav').sidenav();
    $("#one").click(function(){
        $('.sidenav').sidenav('open');
    });
    $(".dropdown-trigger").dropdown();
    $("#dropdown1").dropdown('onOpenStart');
});

HTML:

<!-- Dropdown Structure -->
<ul id='dropdown1' class='dropdown-content'>
    <li><a href="#!">one</a></li>
    <li><a href="#!">two</a></li>
    <li class="divider" tabindex="-1"></li>
    <li><a href="#!">three</a></li>
    <li><a href="#!"><i class="material-icons">view_module</i>four</a></li>
    <li><a href="#!"><i class="material-icons">cloud</i>five</a></li>
</ul> 

<!-- Trigger Button -->
<a data-target="dropdown1" class="dropdown-trigger" href="mobile.html"><i class="material-icons">more_vert</i></a>

1 回复 | 直到 6 年前

Koushik Shom Choudhury 6 年前

Onopenstart是一个选项,您可以这样使用它:

$('#dropdown1').dropdown({
 hover: true,
 onOpenClose: function () {

 },
 onOpenStart: function () {
   //code
 }
});

简单JSON格式:)

推荐文章

jfix · 具体化CSS-如何将颜色修改与NPM模块分开?

6 年前

HovSky · jQuery选项卡检查类未检查类

6 年前

TingAlex · 如何在不使用jquery的情况下使用字符计数初始化materialize textarea?

6 年前

NeuronButter · 固定操作按钮工作不正常?

6 年前

TurtleWolfe · 删除模式是否会被React路由器劫持?

6 年前

Stypan Zdesevich · 选择Materialiecscscss

6 年前

skr · 在html页面中使用materialize css时不呈现复选框

6 年前

Jeffrey04 George · 在渲染后反应中对DOM节点运行装饰功能

6 年前

frankwolffnl · 只有在响应模式下,按钮才显示图标。(html/css/materialize)

6 年前

stone rock · 如何在现有的物化css按钮和导航栏中添加自定义css样式?

6 年前