-1 
(function ( $ ) {

    $.fn.progress = function( options ) {

        // This is the easiest way to have default options.
           var defaults = { 
             amount: 100,
             color: 'rgb(0,128,0)'
            }; 

        var options = $.extend({}, defaults, options);

        //firstly, make me a progressbar
        this.css({'width':'500px','height':'25px','border':'1px solid black','background-color':'white'}); 

        //find the div to extend
        var div = this.find("div");
        div.css({'backgroundColor':options.color,'width':'0'}).animate({'width':options.amount});

        return this;

    };

}( jQuery ));

これは、$(selector).progress(options) と呼ばれる jQuery プログレスバー用のコードです。プログレスバー
を 10% スライドさせるために $(selector).progress(10) と入力できるようにしたいのですが、 Google Chrome では動作しません。誰か助けてください

4

2 に答える 2

2 
(function ( $ ) {

    $.fn.progress = function( options ) {

        // Allow shorthand .progress(amount) or .progress('rgb(...)')
        switch (typeof options) {
        case "number":
            options = { amount: options };
            break;
        case "string":
            options = { color: options };
            break;
        }    

        // This is the easiest way to have default options.
           var defaults = { 
             amount: 100,
             color: 'rgb(0,128,0)'
            }; 

        var options = $.extend({}, defaults, options);

        //firstly, make me a progressbar
        this.css({'width':'500px','height':'25px','border':'1px solid black','background-color':'white'}); 

        //find the div to extend
        var div = this.find("div");
        div.css({'backgroundColor':options.color,'width':'0'}).animate({'width':options.amount});

        return this;

    };

}( jQuery ));
于 2013-11-03T16:47:56.863 に答える