从 jQuery 触发 MaterializeCSS 组件事件

Question

具体来说，我有一个 下拉菜单。我一直在尝试新事物 from here。同样的 link 显示了一些方法，例如 'onOpenStart'、'onOpenClose' 等，它们基本上是下拉列表的事件。

教程含糊不清。没有演示如何使用这些事件。我尝试了 jQuery 中的所有语法来利用这些事件，但其中 none 有效并且 Chrome Dev Console 向我显示错误 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>

Answer 1

onOpenStart是一个Option，可以这样使用：

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

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

简单 json 格式 :)

从 jQuery 触发 MaterializeCSS 组件事件

Fire MaterializeCSS component events from jQuery

html

jquery

materialize