3

簡単な概要として、ajax を介して取り込まれた要素に fancybox を適用しようとしています。

現在、このコードを使用して jQuery UI のカレンダー ウィジェットを新しいコンテンツに適用しています。

$('.date').live('focusin', function() {
            var $this = $(this);
            if(!$this.is(':data(datepicker)')) {
                //this will attach a datepicker control & datepicker will immediately fire
                $this.datepicker();
            }
        });

これが何をしているのか理解しています。マウスオーバーすると、datepicker オブジェクトが要素に適用されているかどうかがチェックされ、適用されていない場合は適用されてからトリガーされます。

私が確信していないのは、jQuery UI の日付ピッカーが "datepicker" という識別子を使用しているように見えますが、fancybox がどのようなものを使用するのかわかりません。

firebug のどの dom 要素にどのオブジェクトが適用されているかを表示する方法があったことを覚えていると確信していますが、それを見つけることができないようです。

誰でも識別子を見つける方法を知っていますか?

4

1 に答える 1

1

FireQueryと呼ばれるFirefox/Firebugアドオンを使用できます。

FirebugのHTMLパネル内のDOM要素にバインドされているJavaScriptオブジェクトを表示しています。

Chrome開発ツールで同様の機能が利用できるかどうかはわかりません。

更新：メインの開発用ブラウザーとしてChromeに切り替えましたが、jQueryデータとイベントを表示する素晴らしい仕事をするjQueryDebuggerと呼ばれる拡張機能があります。

于 2013-01-29T15:03:41.403 に答える