|
在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改变这个初始化动作。谢谢
|
|