Question

具体来说，我有一个下拉列表。我一直在尝试新事物from here。相同的链接显示了一些方法，例如onOpenStart＆＃39; onOpenClose＆＃39;以及更多基本上是下拉列表事件的方法。

教程含糊不清。没有演示如何使用这些事件。我尝试使用jQuery中的每个语法来利用这些事件，但它们都没有工作， Chrome开发者控制台显示错误 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是一个选项，您可以通过以下方式使用它：

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

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

简单的json格式:)

来自jQuery的Fire MaterializeCSS组件事件

1 个答案: