在jQuery對話框中顯示jquery datepicker

Question

所以我有datepicker在正常窗口中工作得很好，但我不能在我的生活中使用 讓它在對話框中工作。

我有一些JavaScript，打開我的application.js對話框文件 以及在日期選擇器JS 如下：

$(function() { 
$("#version_release_date").datepicker({dateFormat: 'yy-mm-dd'}); 
}); 

$(document).ready(function() { 
$('a.popup').click(function() { 
    $('<div />').appendTo('body').load($(this).attr('href') + ' 
form').dialog({ 
      title: $(this).text() 
      }) 
    }); 
    return false; 
}); 
}); 

現在第一功能工作正常，如果我只是去直接到頁面 ，但是如果通過對話框中的第二個函數呈現頁面，則不會再出現日期選擇器 。

這是在創建對話框：

<%= link_to 'Close Escalation', new_version_path, :class => 'popup' %> 

這些都是我的包括

<%= stylesheet_link_tag "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css", "application" %> 

<%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js", "application" %> 

<%= javascript_include_tag "jquery.rails.js" %> 

任何幫助表示讚賞。基本上從我可以告訴我不能得到 任何JavaScript工作在對話框中。

我甚至嘗試將腳本添加到頁面，但這並不工作 要麼。

這是在rails應用程序中。

Answer 1

working demo

<div id="mydialog"></div> 
<a href="/url/" class="popup">title text</a> 

和jQuery

$(function(){ 
    $('a.popup').click(function(event) { 
     // prevent link from going to href 
     event.preventDefault(); 

     // empty the contents of the dialog and load new content 
     $('#mydialog').empty().load($(this).attr('href') + 'form'); 

     /*apply datepicker to input , i'm assuming this gets loaded in the above line if not dont' put it here 
      if its the documet and not loaded you don't want to apply it multiple times 
      */ 
     $("#version_release_date").datepicker({dateFormat: 'yy-mm-dd'}); 

     //set the title of the dialog 
     $('#mydialog').dialog('option', 'title', this.text);\ 

     //open the dialog 
     $('#mydialog').dialog('open'); 
    }); 

    //setup the dialog but don't open it yet 
    $('#mydialog').dialog({autoOpen: false}); 
});