设为首页收藏本站

搜索
查看: 319|回复: 0

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

[复制链接]

1

主题

1

帖子

135

积分

注册会员

Rank: 2

积分
135
发表于 2017-2-16 10:06:01 | 显示全部楼层 |阅读模式
在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改变这个初始化动作。谢谢

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ| 小黑屋| 完美起航-论坛     

完美起航-论坛中心。

Copyright © 2001-2013 Okgoes.   All Rights Reserved.

Powered by 完美起航 X3.2( 赣ICP备15002760号 )

快速回复 返回顶部 返回列表