2012-03-05 74 views
2

DatePicker不能以彈出窗體的方式工作,我可以做什麼錯誤?JQuery - DatePicker不能在彈出窗體中工作

形式是在以.php格式,並通過下面本javascript函數觸發:


功能popitup_request(URL,AR){
         變種F = document.forms [ 0];
         如果(AR == 「」){
         警報( 「請至少選擇一個記錄。」);
          return false;
         }
          newwindow = window.open(URL, '姓名',         「工具欄= 0,位置= 0,目錄= 0,狀態= 1,菜單= 0,滾動條= 1,可調整大小= 0,
              width = 570,height = 280');
         如果(window.focus){
                    newwindow.focus()
         }
          newwindow.moveTo( screen.availWidth/2-(500 /2),screen.availHeight/2-(300/2));
}


形式加載,但是當你點擊該圖標觸發什麼也沒有發生。 我已經在main.php和popup.php上測試了包括jquery-1.7.1.js

+0

不知道這是什麼。那裏沒有jQuery代碼。也許你應該從main.php和popup.php發佈源代碼的重要部分。當然,我假設你已經檢查了瀏覽器的錯誤控制檯? – daxnitro 2012-03-05 08:14:17

回答

1

我假設你將Datepicker小部件綁定到主視圖中的表單元素。由於popup稍後會加載(在popitup_request上),因此該窗體上的日期字段將不會綁定到datepicker。

只在您的主視圖中包含datepicker js和css一次。添加一個小型的JavaScript到您的彈出窗體的底部,沿

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

線的東西順便說一句,你的代碼並不反映在許多方面(基於像素佈局,幻數的最佳實踐,混合本地JavaScript和jQuery雖然不需要)。我建議你通過一個Javascript和一個jQuery教程來查看建議的模式和用Javascript增強網頁的好例子。

+0

好的,謝謝你的建議。 – aintgel 2012-03-09 01:07:09