0

私は初心者で、プラグインの書き方がわかりません。このjquery関数のプラグインの書き方を手伝ってくれる人はいますか?

$(document).ready(function(){

    var offset_1 = $("li.list:first-child").position().left;
    var offset_2 = $("li.list:nth-child(2)").position().left;
    var totalWidth =offset_2-offset_1;


        $("a.abc").click(function() {
            $("#scroller").not(":animated").animate({"scrollLeft":"-="+totalWidth},300);
            return false;
        });
        $("a.def").click(function() {
            $("#scroller").not(":animated").animate({"scrollLeft":"+="+totalWidth},300);
            return false;
        });
});
4

1 に答える 1

0

それがどのように機能するかを理解する必要があります。人々がプラグインを使用する方法を設計します。

サンプル用(単なるアイデア)

$('.target').doSomething({
  offset1 : 'li.list:first-child',
  offset2 : 'li.list:nth-child(2)',
  toLeft : 'a.abc',
  toRight : 'a.def'
})

次に、jquery プラグインを作成します

(function($){
    $.fn.doSomething = function(options){
        var offset1 = $(options.offset1).position.left;
        var offset2 = $(options.offset2).position.left;
        var toLeft = $(options.toLeft);
        //... do something
    }
}).(jQuery)
于 2012-06-01T04:56:24.730 に答える