我正在尝试在使用.load()的div加载中使用jquery .wysiwyg编辑器,但它无效。 wysiwgy代码位于div之外,位于页面底部,其余部分为jquery。我已经测试过将jquery直接放入div中,这样可以正常工作,但它不是很整洁。
这是jquery代码,我很确定我正在使用我正在使用的方式做错了。如果有人能指出我正确的方向,我将非常感激。
$('#editBrandEmail').live('click', function(){
$('#editBrandEmailDiv').load($('#editBrandEmail').attr('href'));
$('.wysiwyg').wysiwyg({
controls: {
strikeThrough : { visible : true },
underline : { visible : true },
justifyLeft : { visible : true },
justifyCenter : { visible : true },
justifyRight : { visible : true },
justifyFull : { visible : true },
indent : { visible : true },
outdent : { visible : true },
subscript : { visible : true },
superscript : { visible : true },
undo : { visible : true },
redo : { visible : true },
insertOrderedList : { visible : true },
insertUnorderedList : { visible : true },
insertHorizontalRule : { visible : true },
h4: {
visible: true,
className: 'h4',
command: $.browser.msie ? 'formatBlock' : 'heading',
arguments: [$.browser.msie ? '<h4>' : 'h4'],
tags: ['h4'],
tooltip: 'Header 4'
},
h5: {
visible: true,
className: 'h5',
command: $.browser.msie ? 'formatBlock' : 'heading',
arguments: [$.browser.msie ? '<h5>' : 'h5'],
tags: ['h5'],
tooltip: 'Header 5'
},
h6: {
visible: true,
className: 'h6',
command: $.browser.msie ? 'formatBlock' : 'heading',
arguments: [$.browser.msie ? '<h6>' : 'h6'],
tags: ['h6'],
tooltip: 'Header 6'
},
cut : { visible : true },
copy : { visible : true },
paste : { visible : true },
html : { visible: true }
}
});
return false;
});
答案 0 :(得分:1)
尝试为加载添加回调函数并将“.wysiwyg”的代码放入其中
即;
$('#editBrandEmail').live('click', function(){
$('#editBrandEmailDiv').load($('#editBrandEmail').attr('href'),function(){
$('.wysiwyg').wysiwyg({
controls: {
.....
........
........
});
});