使用jquery.append（）无法使用类“modal-trigger”追加div

Question

我有一个名为“modalcreatelist”的模态使用materializecss。当使用href标签单击某个div时，将触发模态。

<div id="invoice-line" class="left-align white-text">
   <a href="#modalcreatelist" class="modal-trigger white-text">Add a List..
   </a>
</div>

所以我使用这个html代码来触发模态，这非常好用

$("#divCreateList").append'(<div id="invoice-line" class="left-align white-text"><a href="#modalcreatelist" class="modal-trigger white-text">Add a List..</a></div>')

然而，当我将代码移动到我的javascript文件时，我尝试使用jquery .append（）附加div 它不起作用 根本没有加载类“modal-trigger” 网址显示为'localhost / project＃modalcreatelist'

np.argmin

Answer 1

将其添加到DOM后，您需要重新绑定modal-trigger。它首次运行导致基于document.ready上的类名完成绑定。您需要添加一个事件监听器以单击modal-trigger并添加打开模态的逻辑。

这意味着，在通过JavaScript添加内容之后。你必须写类似的东西。 $('.modal-trigger').on('click', function() { open modal; })

用你的逻辑替换'open modal'。