如何使用Modal弹出Material Design Lite?

foo*_*aar 9 modal-dialog material-design material-design-lite

我最近开始使用Google Material Design Lite的最新桌面版本,我认为它没有弹出模式,团队还没有为下一个版本实现它.

我试图将bootstrap模型包含在其中,但那些不起作用的感染似乎很混乱,我相信类/样式与其他人发生冲突.

任何想法什么将作为替代品有效?

谢谢你的帮助.

Suy*_*ash 7

我也在寻找类似的插件,然后我找到了mdl-jquery-modal-dialog

https://github.com/oRRs/mdl-jquery-modal-dialog

我用这个是因为我找到的另一个在IE11上有问题.这个工作正常.

<button id="show-info" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
    Show Info
</button>
Run Code Online (Sandbox Code Playgroud)

这里有一个JSFiddle:https://jsfiddle.net/w5cpw7yf/


小智 0

data-backdrop我将 MDL 与 bootstrap 一起使用,并将属性 this 添加到模态元素后,模态显示正确:

<dialog data-backdrop="false">
Run Code Online (Sandbox Code Playgroud)

希望能帮助到你!