-1

我在一个无序列表中有多个 lis，单击它会给我一个summernote div。问题是所有这些 lis 都具有相同的 summernote div 含义，当我单击 li 并更改 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>"); });

4

1 回答 1

1

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

嘿，看看这个博客：

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

它显示了如何动态地在列表中添加 li

于 2015-03-15T22:19:35.017 回答