0

次のコードは、メソッドを使用してプラグインを作成します

(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 ));

そして、次のように使用できます。

$( "div" ).greenify({
    color: "orange"
});

でもこういうの知りたい

<div class="pluginclass"></div>

そして、これは、マークアップでクラスを使用しているだけでなく、好きではないプラグインに従っている必要があります$('div').pluginclass();

4

1 に答える 1

0

ユーザーが呼び出す必要がある関数を作成する代わりに、CSS クラスに一致するすべての div で関数を実行したいだけですか? これは、通常の jQuery スクリプトを作成する場合と同じです。

(function ( $ ) {
    var settings = { color: "white", backgroundColor: "green" };
    $(".pluginclass").each(function() {
        // Do work
    };
    // Greenify the collection based on the settings variable.
    $(".pluginclass").css({
        color: settings.color,
        backgroundColor: settings.backgroundColor
    });

}( jQuery ));

上記をページに含めるとすぐに、すべての.pluginclassdiv の背景が緑に設定され、色が白に設定されます。

于 2013-10-24T11:51:17.530 に答える