实现创建和打开模态

Question

我不想创建一个带有Materialise的模态并通过单击按钮打开它。我使用了Modal页面中的代码，但它在某种程度上无法正常工作。也许有人可以帮忙。

我知道有些人发布了类似的问题，但没有人回答我的问题。

Answer 1

对于使用按钮触发模态的模态示例，您需要使用JavaScript初始化按钮。请确保您已包含jQuery，以及来自实现的JavaScript和CSS - 请参阅getting started guide。

要初始化模态（或所有模态），您将在其上调用leanModal()方法：

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

  

＆＃34; href＆＃34; .modal-trigger的属性必须指定要触发的模态ID。

示例模式按钮：

<a class="waves-effect waves-light btn modal-trigger" href="#modal1">Click to open modal</a>

此按钮会打开一个标识为modal1的模式。

有关工作示例，请参阅此 code pen 。