JQuery - DatePickerがポップアップフォームで動作しない

Question

DatePickerがポップアップフォームで動作していない場合、どうしたらいいですか？

形態は.PHP形式であり、以下このJavaScript機能によってトリガされる：

---

関数popitup_request（URL、AR）{
         するvar F = document.forms [ 0];
         場合（AR == ""）{
         警告（ "少なくとも1つのレコードを選択してください"）;
          return false;
         }
         メソッドによりNewWindow = window.open（URL、 '名前'、         「ツールバー= 0、位置= 0、ディレクトリ= 0、ステータス= 1、メニューバー= 0、スクロールバー= 1、サイズ変更可能= 0、
       幅= 570、高さ= 280 '）;
         （window.focus）{
                    newwindow.focus（）
         }
          newwindow.moveTo（IF screen.availWidth/2-（500 /2),screen.availHeight/2-(300/2））;
}

---

フォームがロードはできますが、アイコン・トリガーは何も起こりませんをクリックしてください。 私はすでに、main.phpとpopup.phpの両方にjquery-1.7.1.jsを含めてテストしました。

Answer 1

私はあなたのメインビューのフォーム要素にDatepickerウィジェットをバインドすると仮定します。ポップアップは後で（popitup_requestで）ロードされるので、そのフォームの日付フィールドはdatepickerにバインドされません。

メインビューにdatepicker jsとcssを一度だけ含めます。ところで、あなたのコードは、ネイティブのJavascript混合、方法（ピクセルベースのレイアウト、マジックナンバーの数のベストプラクティスを反映していない

<script type="text/javascript"> 
    $("input.date").datepicker(); 
</script> 

の線に沿って、あなたのポップアップフォームの下、何かに小さなJavaScriptを追加し、 jQueryは必要ありませんが）。私はJavascriptとjQueryチュートリアルの両方を行って、提案されたパターンとJavascriptでWebページを強化するための良い例を確認することをお勧めします。