插件不适用于附加元素

Question

我使用 bootstrap-summernote 作为 div 元素来创建所见即所得的编辑器。一切正常，但是当我在 DOM 新的 div 元素中附加 bootstrap-summernote 相同的 class 时，它们无法使用。我读到对于新附加的元素我必须使用一些关于它的东西（事件 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 小部件附加到动态创建的元素。

关于这些行的内容：

$(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

插件不适用于附加元素

Plugin doesn't work with appended elements

jquery

wysiwyg

append

twitter-bootstrap

summernote