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基本插件无法正常工作？

1 个答案: