jquery无法在加载的div中工作

时间:2012-07-30 09:00:34

标签: javascript jquery wysiwyg

我正在尝试在使用.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;
    });

1 个答案:

答案 0 :(得分:1)

尝试为加载添加回调函数并将“.wysiwyg”的代码放入其中

即;

 $('#editBrandEmail').live('click', function(){
    $('#editBrandEmailDiv').load($('#editBrandEmail').attr('href'),function(){
       $('.wysiwyg').wysiwyg({
        controls: {
                  .....
                  ........
                  ........
    });
 });