JQuery 날짜 선택 도구가 레일을 사용하여 아약스 페이지에서 실행되지 않습니다.

Question

여기에서 JtpPayer를 사용하여 내 public/javascript 폴더의 을 효과, 프로토 타입, 컨트롤, dragdrop js 파일로 사용하고 있습니다. 내 공용 폴더에있는 에 jqueryui development buddle이 있습니다. (CSS, JS, 개발 - 번들) 레이아웃

/홈/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%> 

에서 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> 

집/add.rhtml을 직접 실행할 때 datepicker가 작동하지만 ajax p를 실행하면 datepicker가 작동하지 않음 집/index.rhtml

그 해결책은 무엇입니까?

Answer 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의 live() 함수를 살펴보십시오.