Question

我在无序列表中有多个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>

我的夏令营代码：

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

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

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

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

Answer 1

我真的不明白你的代码。但根据你的说法，我建议每个夏令时使用不同的ID。因此，每个列表都有自己的夏季音符，其中包含唯一ID，因此在一个summernote中更改文本不会改变其余部分

嘿，请查看此博客：

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

它显示了如何在列表中添加li？

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

1 个答案: