javascript - MooTools-核心 : uncaught TypeError: undefined is not a function

Question

我有这个代码函数:

window.addEvent('domready', function() {
    $('myForm').addEvent('submit', function(e) {
        var content = CKEDITOR.instances['comment'].getData();
        $('comment').setProperty('value',content)
        e.stop();
        var log = $('log_res').empty().addClass('ajax-loading');
        this.set('send', {onComplete: function(response) { 
            log.removeClass('ajax-loading');
            log.set('html', response);
        }});
        this.send();
    });
});

我得到:

Uncaught TypeError: undefined is not a function

当前使用:mootools-core:1.5.1

Answer 1

将评论放入答案中。

它看起来好像在尝试调用 .addEvent()在 $ 的链接结果上- 通常是 document.id 的别名.但是，如果在 jQuery 之后加载 Mootools，它不会定义 $很有可能，您在 jQuery.fn 上调用它原型(prototype)。

在您的 mootools 代码周围使用闭包模式:

(function($){
    $('myForm').addEvent('submit', function(e) {
        var content = CKEDITOR.instances['comment'].getData();
        $('comment').setProperty('value',content)
        e.stop();
        var log = $('log_res').empty().addClass('ajax-loading');
        this.set('send', {onComplete: function(response) { 
            log.removeClass('ajax-loading');
            log.set('html', response);
        }});
        this.send();
    });
}(document.id));

这确保了 $ 的值在您的 mootools 代码中正是您所需要的。

你也可以看看jQuery.noConflict()防止 jQuery 导出到 $并坚持 jQuery仅。