summernote 在动态注入时保存 textarea 值的问题

Question

所以我在发送动态生成并应用了 summernote 的文本区域的值时遇到了问题。

这里有一个 link 可以重现问题： http://jsfiddle.net/jk6pjnt7/1/

所以基本上，我试图在单击 "add Step-textarea" 时动态添加一个新的文本区域，因为我不知道用户需要多少 "step"。问题是当我提交表单时，我不会获得新文本区域的值。他们将有一个空白值。

如果我也这样做，并且我从流程中删除了 summernote 插件，一切正常。

我有一个小的 coed 程序可以阻止表单提交并显示将在控制台中提交的内容，因此您可能需要打开您的开发工具来查看调试信息。

 $('form').submit(function () {
    //console.log($(this));
    console.info($('form').serializeArray())
    return false;

 });

Answer 1

由于 DOM 正在动态更改，我们不能以典型方式 'watch' 这些新元素。在 jquery 中，我们使用的是委托，特别是 jQuery.fn.on。我们从动态更改的容器（在本例中为 <form>）冒泡到一个将存在并保证不会更改的元素。特别是在这种特定情况下，您的行 $(next_input).val(''); I changed to $(next_input).html(''); 因为我们正在处理委托 textarea，它们在获取数据的方式上与输入框有点不同.

这里是固定代码：http://jsfiddle.net/jk6pjnt7/3/

summernote 在动态注入时保存 textarea 值的问题

Issue with summernote saving the textarea value when dynamically injected

javascript

jquery-plugins

summernote