2

.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;
    });
4

1 に答える 1

1

ロード用のコールバック関数を追加して、「。wysiwyg」のコードをその中に入れてみてください

すなわち;

 $('#editBrandEmail').live('click', function(){
    $('#editBrandEmailDiv').load($('#editBrandEmail').attr('href'),function(){
       $('.wysiwyg').wysiwyg({
        controls: {
                  .....
                  ........
                  ........
    });
 });
于 2012-07-30T09:19:47.980 に答える