Question

我有以下代码：

$(document).ready(function() {
    $.fn.addRemoveButton = function() {
        alert(1);
    };

    $.addRemoveButton();
});

我从firebug收到以下错误消息：

TypeError：$ .addRemoveButton不是函数 $ .addRemoveButton（）;

为什么以及如何解决此问题？

Answer 1

你需要定义一个选择器，试试这个：

$(document).ready(function() {
    $.fn.addRemoveButton = function() {
        alert(1);
    };

    $(document).addRemoveButton();
});

Here is working jsFiddle.

Answer 2

您需要将其应用于任何DOM。

示例

jQuery代码

$(function() { $.fn.addRemoveButton = function() { alert(1); }; $('#letit').addRemoveButton(); });

HTML代码

<div id="letit"></div>

Answer 3

或者，您可以将其创建为jQuery全局函数：

$(document).ready(function() {
    $.addRemoveButton = function() { // removed the .fn
        alert(1);
    };

    $.addRemoveButton();
});

这会将函数绑定到jQuery对象，然后您可以像在原始示例中一样使用它。

有关jQuery.fn.method和jQuery.method

之间的区别，请参阅this post

非常简单的jquery自定义函数抛出错误

3 个答案: