-1

順序付けられていないリストに複数の 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>

私のサマーノートコード：

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

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

リストでクリックするたびに、同じ summernote div が表示されます。どうすればこれを修正できますか?

私のボタンコード; $("#add").click(function() { $("#courseNav").append("<li><a href = "#">added</a></li>"); });

4

1 に答える 1

1

私はあなたのコードを本当に理解していません。しかし、あなたの言うことによると、 summernote ごとに異なる id を使用することをお勧めします。したがって、すべてのリストには一意のIDを持つ独自のsummernoteがあり、1つのsummernoteのテキストを変更しても残りは変更されません

ちょっとこのブログをチェックしてください：

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

リストに動的にliを追加する方法を示しています

于 2015-03-15T22:19:35.017 に答える