插件不适用于附加元素

时间:2015-04-15 18:45:00

标签: jquery twitter-bootstrap append wysiwyg summernote

我使用{strong> bootstrap-summernote 为div元素创建WYSIWYG编辑器。 一切正常,但是当我为bootstrap-summernote添加具有相同类的DOM新div元素时,它们不适用于它们。 我读到,对于新附加的元素,我必须使用一些关于它的事件(事件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/

1 个答案:

答案 0 :(得分:3)

正如我在评论中提到的,我认为实现这一目标的最佳方法是将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