Javascript Materialize.js中的确认对话框

我正在使用Materialize.js Materializecss框架开发响应性HTML页面。我想为我的需求创建一个确认对话框，但Meterialize.js不支持它。是Materialize.js没有确认对话框还是我找不到？如何在Materialize.js中实现这一点？

Materialize也有类似于其他UI框架的模式窗口，您可以触发它

$('#modal1').openModal();

或者使用jquery初始化它，在href click事件中触发它

  $(document).ready(function(){ 
    $('.modal-trigger').leanModal();
  });

---

Materialize也有类似于其他UI框架的模式窗口，您可以触发它

$('#modal1').openModal();

或者使用jquery初始化它，在href click事件中触发它

  $(document).ready(function(){ 
    $('.modal-trigger').leanModal();
  });

我这样解决：

    <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>

我这样解决：

    <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>

---

我正在使用materialize 1.0.0，对我来说，这项工作，你可以在没有modal的情况下干杯

var toastHTML = '<span>Erase registry??</span><button class="btn-flat toast-action" onclick="deletefunction(id)">Delete</button>';
    M.toast({html: toastHTML});

---

可以添加更多按钮。取决于您的需要和想象力。

我正在使用materialize 1.0.0，对于我这项工作，您可以在没有modal的情况下干杯

var toastHTML = '<span>Erase registry??</span><button class="btn-flat toast-action" onclick="deletefunction(id)">Delete</button>';
    M.toast({html: toastHTML});

---

可以添加更多按钮。取决于您的需要和想象力。

我已将其用作解决方法。但它不是内置的确认对话框。我想有一个框架提供的确认对话框，该对话框在“是”或“否”按钮上触发回调方法。我已经将其用作解决方法。但它不是内置的确认对话框。我想有一个框架提供的确认对话框，它会在“是”或“否”按钮上触发回调方法。