.load()を使用してdivloadでjquery.wysiwygエディターを使用しようとしていますが、機能しません。wysiwgyコードはdivの外にあり、ページの下部に残りのjqueryがあります。jqueryをdivに直接配置することをテストしましたが、これは正常に機能しますが、あまりきれいではありません。
これがjqueryコードです。誰かが私を正しい方向に向けることができれば、.liveの使用方法に何か問題があると確信しています。
$('#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;
});