jQuery插件方法链接类布局

jQuery插件方法链接类布局,jquery,jquery-plugins,Jquery,Jquery Plugins,我正在创建一个jQuery插件,但在设置类/方法以适应我想要的api访问时遇到了问题 以下是我到目前为止所做的,但它不起作用(我得到一个对象不支持此属性或方法错误): 我想使用以下方法使输出: $.kitty('chairman meow').cat('meow!'); 输出: chairman meow: meow! 试试这个 $.kitty = function(name) { return { name: name, cat: functio

我正在创建一个jQuery插件,但在设置类/方法以适应我想要的api访问时遇到了问题

以下是我到目前为止所做的,但它不起作用(我得到一个对象不支持此属性或方法错误):

我想使用以下方法使输出:

$.kitty('chairman meow').cat('meow!');
输出:

chairman meow: meow!
试试这个

$.kitty = function(name) {  
    return {
        name: name,
        cat: function(say) {
            alert(this.name + ": " + say);
        }
    }
};
试一试

别忘了归还物品


您的代码不起作用,因为您试图调用返回值为$.kitty的函数cat。由于$.kitty不返回任何内容,因此没有可调用的函数cat。如果您以$.kitty的形式返回它,它会起作用,但我认为这不是编写jquery插件的正确方法。如果您想知道它是如何工作的,请看一看…

热烈拥抱速度和JSON表示法:看起来每个人都知道这一点,但我除外!多亏了你,我现在更聪明了
$.kitty = function(name) {  
    return {
        name: name,
        cat: function(say) {
            alert(this.name + ": " + say);
        }
    }
};
(function($) {
    $.kitty = function(name) {
        this.name = name;
        this.cat = function(say) {
            alert(name + ": " + say);
        }
            return this;
    };

})(jQuery);


$(function() {
    $.kitty('chairman meow').cat('meow!');
})​