确认Materialise.js中的对话框

Question

我正在使用Materialise.js(Materialisecss Framework)来开发响应式HTML页面.我想为我的要求设置一个确认对话框,但Meterialize.js不支持它.是Materialise.js没有确认对话框还是我找不到它？我怎样才能在Materialise.js中实现这一目标？

Answer 1

我这样解决了:

    <div id="md1" class="modal">
        <div class="modal-content">
            <h4>Please Confirm</h4>
            <p>Are you sure to proceed?</p>
        </div>
        <div class="modal-footer">
            <a href="#" class="waves-effect waves-red btn-flat" onclick="$('#md1').closeModal(); return false;">Cancel</a>
            <a href="#" class="waves-effect waves-green btn-flat" id="md1_YesBtn">Yes</a>
       </div>
    </div>

    <a class="waves-effect waves-light btn" href="myLandingPage.html" onclick="showModal(this, 'md1'); return false;">Proceed</a>

    <script>  
        function showModal(but, modal){  
            $('#' + modal).openModal(); 
            $('#' + modal + '_YesBtn').click(function(){ $('#' + modal).closeModal(); document.location = but.href; }); 
        } 
    </script>