0

私の組織には、複数のアプリケーションで共有される標準の jQuery/JavaScript フレームワークがあります。このフレームワークでは、動的にロードされる要素で使用できる jQuery の datepicker 機能の基本的な標準を設定します。

$(document).delegate("input.calendar", "click, focus", function() { 
    myAppDatepicker = $(this).datepicker({
        changeYear: true,
        dateFormat: "yy-mm-dd"
    });
});

私は次のようなことをしたいと思います:

$(document).delegate("input.calendar", "click, focus", function() { 
    myAppDatepicker.datepicker("option", "maxDate", 0);
});

日付ピッカーに追加オプションを追加します。このメソッドは機能しません。2 番目のデリゲート リスナーが、追加のオプションを追加したい最初のリスナーのハンドラーを置き換えているためだと思います。

現在、これは「myAppDatepicker が定義されていません」というエラーをスローします。

Firebug で $.bind を介してこれを行うことができますが、動的に読み込まれた要素に対しては機能しません。ロード時にDOMに存在しない要素に対してこれを機能させる方法についてのアイデアはありますか?

4

1 に答える 1

0

変化：

$(document).delegate("input.calendar", "click, focus", function() { 
    **myAppDatepicker**.datepicker("option", "maxDate", 0);
});

に

$(document).delegate("input.calendar", "click, focus", function() { 
    **$(this)**.datepicker("option", "maxDate", 0);
});

期待どおりに追加オプションを追加します。

于 2012-05-08T21:19:48.350 に答える