我使用{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/
答案 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();
});
});