为什么我的列表中的所有列表都显示相同的 summernote div？

Question

我在一个无序列表中有多个 lis，单击它会给我一个 summernote div。问题是所有这些 lis 都有相同的 summernote div 意思是当我点击一个 li 并更改 summernote div 中的文本时，所有 divs 的文本都会改变。

我的名单：

<ul id = "courseNav">              
         <li class = "topics" style = "margin-top: -12px"><a href="#">Topic</a></li>
         <li class = "topics"><a href="#">Topic</a></li>
         <li class = "topics"><a href="#">Topic</a></li>
</ul>

我的summernote代码：

<div id = "editor">Type something...</div>

$('#editor').summernote();

我在列表中单击的每一行都会出现相同的 summernote div。我该如何解决这个问题？

我的按钮代码； $("#add").click(function() { $("#courseNav").append("<li><a href = "#">added</a></li>"); });

Answer 1

我不是很懂你的代码。但是根据您的说法，我建议为每个 summernote 使用不同的 id。所以每个列表都会有自己的 summernote 和唯一的 id 这样改变一个 summernote 中的文本不会改变其余的

嘿，看看这个博客：

http://toddmotto.com/attaching-event-handlers-to-dynamically-created-javascript-elements/

它展示了如何动态地在列表中添加一个 li

为什么我的列表中的所有列表都显示相同的 summernote div？

Why do I have the same summernote div appear for all the lis in my list?

html

javascript

css

jquery

summernote