materializecss初始化动态创建下拉框的问题

zhaoweizw2000

在materializecss手册的下拉框中，提到了动态创建下拉框初始化的问题，这里我没看明白代码如下：
html文件：
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet"
    href="/moyxk/css/materialize.min.css" media="screen,projection" />
<script type="text/javascript" src="/moyxk/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="/moyxk/js/materialize.min.js"></script>
<script type="text/javascript" src="/moyxk/js/init.js"></script>
<script type="text/javascript">
//初始化代码
    $('.dropdown-button').dropdown({
        inDuration : 300,
        outDuration : 225,
        constrain_width : false, // Does not change width of dropdown to that of the activator
       hover : true, // Activate on hover
        gutter : 0, // Spacing from edge
        belowOrigin : false, // Displays dropdown below the button
        alignment : 'left' // Displays dropdown with edge aligned to the left of button
    });
</script>
  <!-- Dropdown Trigger -->  <a class='dropdown-button btn' href='#' data-activates='dropdown1'>单击我</a>  <!-- Dropdown Structure -->  <ul id='dropdown1' class='dropdown-content'>    <li><a href="#!">一</a></li>    <li><a href="#!">二</a></li>    <li class="divider"></li>    <li><a href="#!">三</a></li>  </ul>

初始化时，把hover设为true（鼠标悬停下拉框出现），但是实际中还是必须点击才能出现下拉框。
就想知道如何通过jquery改变这个初始化动作。谢谢