jquery - 插件不适用于 append 元素

Question

我使用 bootstrap-summernote 作为 div 元素来创建所见即所得编辑器。 一切正常，但是当我在 DOM 中 append 具有相同类的 bootstrap-summernote 的新 div 元素时，它们无法使用它们。 我读到，对于新 append 的元素，我必须使用相关的内容(事件 on)

 $(document).on('click', 'p', function(){
    $(this).hide();
  }); 

所以我写了:

 $(document).on('load', '.summernote', function(){
        $('.summernote').summernote({
            height: 300,
            lang: 'ru-RU'
        });
    });

但它仍然不起作用。 但这个带有 p 元素的示例工作正常:http://jsfiddle.net/xV3HN/1/

Answer 1

正如我在评论中提到的，我认为实现这一目标的最佳方法是将 summernote 小部件在创建动态创建的元素时将其 append 到它们。

围绕这些线的内容:

$(function () {
    $("#add").on('click', function () {
        // A new div is being created.
        var div = $('<div>').appendTo($("#container"));

        // Attach the summernote widget to it.
        div.summernote();
    });
});

Demo