Question

我使用Materializecss 0.100.2，我需要在页面加载或文档准备就绪时打开模式。但不起作用，仅当我单击按钮时才有效，我不知道为什么。模态具有“开放”类，但模态具有“显示：无”，并且div模态叠加被隐藏。它有效，但不完全。

jQuery(document).ready(function () {
 jQuery('#modalInfo').modal();
 jQuery('#modalInfo').modal('open');
});

Answer 1

这东西可以与vanillaJS一起使用。您需要使用"dependsOn": [ "[concat('Microsoft.Automation/automationAccounts/', 'AutomationDev/runbooks/' , variables('name'))]", ],获取模态类，然后将其传递到querySelector()中，并借助此M.Modal.init()可以调用instance方法。

HTML-

open()

JS-

<div class="modal">
    <div class="modal-content">
        <h4>Modal Header</h4>
        <p>A bunch of text</p>
    </div>
    <div class="modal-footer">
        <a href="#!" class="modal-close waves-effect waves-green btn-flat">Agree</a>
    </div>
</div>

Materializecss模态页面加载无法打开模态

1 个答案: