2010-06-02 33 views
0

在這裏,我已經在我的公開使用日期選擇器從jQueryUI的 發射/ JavaScript的文件夾中的效果,樣機,控制的DragDrop js文件。 在我的公共文件夾中包含了jqueryui開發的問題。 (CSS,JS,開發束)JQuery的日期選擇器並不在AJAX頁面使用Rails

佈局/ application.rhtml的

<%= stylesheet_link_tag 'application' %> 
    <%=javascript_include_tag :defaults%> 
    <%= stylesheet_link_tag '/jquery-ui/css/custom-theme/jquery-ui-1.8.1.custom.css' %> 
<%=javascript_include_tag "/jquery-ui/js/jquery-1.4.2.min.js"%> 
<%=javascript_include_tag "/jquery-ui/js/jquery-ui-1.8.1.custom.min.js"%> 
<script> 
     $(document).ready(function(){ 
      var $j=jQuery.noConflict(); 
      $j('#date').datepicker({ dateFormat: 'dd-mm-yy' }); 
      }); 
    </script> 
家庭/ index.rhtml裏

<%title "Home"%> 
<%=link_to "Add Details" ,:action=>"add"%> 
<%=link_to_remote "Ajax Add Details", :update=>"add" , :url=>{ :action=>"add" }%> 
<div id='add' /> 
家庭

/add.rhtml

<%title "Add details"%> 
<%form_tag :action=>"create" do%> 
    Name : <%=text_field_tag "name" ,"",:size=>15%> 
    DOB : <%=text_field_tag "dob","",:id=>"date"%> 
    <%=submit_tag "Save"%> 
<%end%> 

的日期選擇器工作時,我跑回家/ add.rhtml直接,但 當我運行AJAX p中的日期選擇器無法正常工作居家養老/ index.rhtml裏

的任何解決方案是,????

回答

1

這是網頁中的基本行爲。你正在影響一個不存在的元素的行爲。你可以簡單地獲得最佳的回調方法:

你可以做到以下幾點:

function format_date() { 
    var $j=jQuery.noConflict(); 
    $j('#date').datepicker({ dateFormat: 'dd-mm-yy' }); 
}; 

<%=link_to_remote "Ajax Add Details", :update=>"add" , :url=>{ :action=>"add" }, :success =>"format_date()"%> 

這會起作用,因爲該元素,當你觸發功能存在。

對於文化的緣故,看看jQuery的生活()函數。