0

jquery-ui のいくつかの概念を明確にする必要があり、あなたの助けを借りることができます。

私が次のことをした場合：

$("<div></div>").draggable();

jquery-ui は、選択した div をラップするドラッグ可能なオブジェクトを作成します。ただし、( を使用して) 独自のウィジェットを作成した$.widget("namespace.mywidget"ので、最初の質問は、これを呼び出すとどうなるかということです。

$("<div></div>").draggable().mywidget();

混乱が続くと思います。いずれにせよ、ドラッグメソッドのプロパティを定義したいので、ウィジェット内に入れたいと思います。したがって、2 番目の質問は次のとおりです。 $.ui.draggable を拡張するにはどうすればよいですか? 良いチュートリアルはありますか？これを呼び出すだけでは十分ではないようです。

$.widget( "namespace.mywidget", $.ui.draggable, {} );

たくさんの洞察に感謝します！

4

2 に答える 2

0

プラグインの中に含めるだけです。プラグイン コードの前に必ず jqueryUI を含めてください。

(function($){
    $.fn.myWidget = function(){
        return this.each(function(){
            $(this).draggable();
        });

    };
})(jQuery)

$('<div></div>').myWidget();  // this should be draggable.

http://jsfiddle.net/gJ3CN/2/

于 2012-08-25T20:48:48.650 に答える
0

ドラッグ可能を使用する前に、要素が DOM にあることを確認してください。

$('<div></div>').appendTo(document.body)

その後、ウィジェットとドラッグ可能なものを連鎖させることができます:

   $('<div></div>').appendTo(document.body)
     .mywidget()
     .draggable();

ウィジェットの呼び出しごとに、任意のパラメーターを設定できます。私はjsfiddle.net/bseth99/LEY9A/でサンプルを作成しました。これは、参照用およびデモンストレーション用として、単純なカスタム UI ウィジェットを構築します。

于 2012-08-26T14:33:06.030 に答える