javascript - TypeError: this.functionName 不是一个函数

Question

所以我创建了一个小的 javascript 类，它应该使用 AJAX 在 PHP 文件中发布一些内容。该类如下:

var cms = cms || {};

cms.load_view = (function() {
    return {
        change: function() {
            jQuery("#layout-switch a").on('click', function()
                {
                    jQuery('#layout-switch a').removeClass('current');
                    jQuery(this).addClass('current');
                    var column_number = jQuery(this).attr('data-name');
                    var category = jQuery("#cat_id").val();
                    var data = {mode: column_number, cid: category};
                    this.postChange(data);
                });
        },
        postChange: function(data) {
                jQuery.ajax({
                    type: 'post',
                    url: SITEURL + "/modules/digishop/loadcategory.php",
                    data: data,
                    beforeSend: function () {
                        jQuery('#digishop').animate({
                            opacity: 0
                        }, 250, function () {
                            jQuery(this).addClass(column_number);
                            jQuery(this).animate({
                                opacity: 1
                            }, 250);
                        });
                    },
                    success: function (html) {
                        jQuery("#digishop").html(html);
                    }
                });
            return true;
        }
    }
})(jQuery);
jQuery(document).ready(function() {
    cms.load_view.change();
});

但是，当我单击选择器时，Firebug 说 postChange 在第一个方法中调用时不是一个函数，也就是 this.postChange(data);

有什么想法吗？

谢谢!

Answer 1

在更改函数中，this 是对您单击的链接的引用。将 this.postChange(data); 替换为 cms.load_view.postChange(data);。