动态添加的项目不会在反应

Question

这是一个待办事项列表项目，点击每个项目会触发一个模式div，可以在其中编辑或删除项目。一切正常，但是，当我添加一个新项目并单击它时，模态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添加一个新类，＆＃34; modal-new＆＃34;

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

尝试这是否有效