为什么我的列表中的所有 lis 都出现相同的summernote div？答案

【问题标题】：Why do I have the same summernote div appear for all the lis in my list?为什么我的列表中的所有 lis 都出现相同的summernote div？
【发布时间】：2015-05-17 23:26:40
【问题描述】：

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

我的清单：

<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();

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

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

【问题讨论】：

标签： javascript jquery html css summernote

【解决方案1】：

我真的不明白你的代码。但根据你的说法，我建议为每个 summernote 使用不同的 id。因此，每个列表都会有自己的带有唯一 ID 的 Summernote，这样更改一个 Summernote 中的文本不会改变其余部分

嘿，看看这个博客：

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

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

【讨论】：

是的，但我有一个按钮可以在我的列表中添加一个 li。
你能在jsbin.com上发布一个完整的代码
抱歉，我现在不在电脑旁。你能帮我看看我在这里提供的代码吗？
首先，您是单击按钮还是 li-s。而你到底要做什么，这太令人困惑了。
我点击按钮添加一个新的li。单击 li 时，会出现夏季注释 div。问题是，当我在一个 li 上的 summer note div 上键入一些文本并单击另一个 li 时，会出现相同的文本。我该如何解决这个问题？