gpt4 book ai didi

javascript - 如何使用 javascript 触发 mdl-menu?

转载 作者:行者123 更新时间:2023-11-30 15:42:20 26 4
gpt4 key购买 nike

有人可以帮助我如何使用 javascript 执行 mdl-menu(Material design lite)吗?我没有在他的网站上找到如何做的解释。

HTML代码

<!-- Left aligned menu below button -->
<button id="demo-menu-lower-left"
class="mdl-button mdl-js-button mdl-button--icon">
<i class="material-icons">more_vert</i>
</button>

<ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect"
for="demo-menu-lower-left">
<li class="mdl-menu__item">Some Action</li>
<li class="mdl-menu__item mdl-menu__item--full-bleed-divider">Another Action</li>
<li disabled class="mdl-menu__item">Disabled Action</li>
<li class="mdl-menu__item">Yet Another Action</li>
</ul>

屏幕截图: enter image description here

最佳答案

您可以使用以下命令重新初始化菜单:
componentHandler.upgradeDom('MaterialMenu', 'mdl-menu');

根据source code this: “在现有的 DOM 中搜索我们组件类型的元素,如果它们尚未升级,则升级它们。”

关于javascript - 如何使用 javascript 触发 mdl-menu?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40622644/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com