jQuery 基本插件不工作？

Question

我从jQuery的网站上复制了基本插件。现在，当我将此代码放入文件并将其加载到我的应用程序中时，该插件不起作用。我无法通过 $. 访问该插件，但可以看到通过 $.fn. 访问它（这对我来说似乎很奇怪）。这是我加载脚本的方式（我什么也没看到）。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript" src="plugins.js"></script>
<script type="text/javascript" src="index.js"></script>

下面是 plugins.js

的内容

$.fn.greenify = function() {
    this.css( "color", "green" );
    return this;
}

我什至尝试了以下方法：

(function ( $ ) {

$.fn.greenify = function( options ) {

    // This is the easiest way to have default options.
    var settings = $.extend({
        // These are the defaults.
        color: "#556b2f",
        backgroundColor: "white"
    }, options );

    // Greenify the collection based on the settings variable.
    return this.css({
        color: settings.color,
        backgroundColor: settings.backgroundColor
    });

}; }( jQuery ));

但这似乎也行不通。控制台也没有出现任何错误。

Answer 1

问题是你应该如何调用插件

$('#almightyGreen').click(function () {
    $('.peasants').greenify();
});

您的代码 $.greenify('.peasants'); 正在尝试调用由 $.greenify 引用的函数，该函数在您共享的代码中不存在。

jQuery 基本插件不工作？

jQuery basic plugin not working?

javascript

jquery

jquery-plugins