動態添加的項目不會觸發materilizedcss模式使用jquery反應

Question

這是一個待辦事項列表項目，點擊每個項目會觸發一個模式div，在該項目可以被編輯或刪除。一切工作正常，但是，當我添加一個新的項目，並點擊它模態股利沒有打開。 這裏是codepen項目：我懷疑問題是從這些線路來

https://codepen.io/abdolsa/pen/MpKYOp?editors=0010

。

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

我也用下面的方法，但沒有成功...

$(document).on('click', function() 
{ 
$('.modal-trigger').leanModal(); 
}); 

謝謝您的閱讀。任何反饋意見。

Answer 1

嘗試在handleSave（）函數內添加此代碼。

$('.modal-new').leanModal(); 

在管線94添加一個新類到div「模式 - 新」

<a className="btn-floating btn-large waves-effect waves-light red modal-trigger scale-out modal-new" href="#modal1" onClick={this.handleAdd}> 

嘗試是否這是工作