0

メインの html ページをクリックするとトリガーされる、カスタマイズ可能な jQuery モーダルを作成したいと思います (css の色の変更 + フェードインとアウト)。オプション変数を jquery プラグインに渡す方法は知っていますが、プラグイン内でアニメーション化する方法がわかりません。例: インライン jquery を使用すると、次のように言うことができます。

<script> $("#modal").animate({color: 'red', width: 300}).fadeIn('fast'); </script>

プラグイン内でこれらと同じ変更を行うにはどうすればよいですか? コードの一部を次に示します (Jeff Ways の jQuery プラグイン チュートリアルを使用しようとしていました:

var mybigmodal= {
        init: function( options, elem) {
            var self = this;

            self.elem = elem;
            self.$elem = $( elem );

           if ( typeof options === 'string') {
                var w = 400;
                var h = 600;
           } else {
                //object was passed
                self.options = $.extend( {}, $.fn.mymodal.options, options)

          }

          self.mshow();
        },

        mshow: function() { //show the modal via animation?


          $('#lightbox-pane').fadeIn(50).animate({
              width: 50}, 150).animate({
                  width: 100},200);
          }
        }; 
    });

私は誰かが私のためにこれをコーディングする必要はありません.インラインで非常に単純なこれらの同じアニメーションを実現するために、私が間違っていることを知りたいだけです..

ユーザーがカスタムの幅や色などのオプションも使用できるようにしたいと考えています。

（これは初心者の基本的な質問かもしれませんが、助けていただければ幸いです！）

4

1 に答える 1

0

プラグインコード内で次のようなことを試すことができます:

最初にプラグインオプションを次のように拡張します

var options = $.extend({
            height : "250",
            width : "500",
            color: "red",
            title:"Modal Box Demo",
            description: "Example of how to create a modal box.",
            top: "20%",
            left: "35%",

        },prop);


       $('#modal').animate({top:'toggle'},80);
于 2012-04-03T22:58:17.517 に答える