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

Question

我有以下代码：

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

    $.addRemoveButton();
});

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

TypeError: $.addRemoveButton 不是函数 $.addRemoveButton();

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

score 2 · Accepted Answer

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

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

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

score 1 · Accepted Answer

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

例子

jQuery 代码

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

HTML 代码

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

score 0 · Accepted Answer

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

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

    $.addRemoveButton();
});

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

请参阅这篇文章jQuery.fn.method了解和之间的区别jQuery.method

3 回答 3