Средство выбора даты JQuery не запускается на странице ajax с использованием Rails

Question

Здесь я использую DatePicker из JQueryUI в моей общедоступной папке / javascript как эффекты, прототип, управление, dragdrop js файлы. в моей общедоступной папке содержится разработчик jqueryui. (CSS, JS, развитие-расслоение)

в макете / 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%>

средство выбора даты работает, когда я запускаю home / add.rhtml напрямую, но DatePicker не работает, когда я запускаю страницу ajax home / 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 ().