У меня есть функция щелчка javascript, которая вызывается каждый раз, когда нажимается мое текстовое поле, однако по какой-то причине она работает только в том случае, если текстовое поле находится внутри главной страницы, когда я перемещаю текстовое поле в частичный я отображаю ничего не происходит, когда я нажимаю на него . Кто-нибудь знает, как заставить событие клика работать внутри партиала?
Мой файл users.js.coffee
$ ->
$("form[data-update-target]").live "ajax:success", (evt, data) ->
target = $(this).data("update-target")
$("#" + target).html data
$("input.submit").click ->
$(this).parent().submit()
true
$("#datepicker").click ->
alert "hello world"
Новая страница для пользователей
<%= form_tag({:controller => 'users', :action => 'preview'}, :remote => true, :'data-update-target' => 'update-container') do %>
<%= radio_button_tag(:page_type, 'event', false, :class => 'submit') %>
<%= label_tag(:page_type, "Event") %>
<br/>
<% end %>
<div id="update-container">
</div>
Пользовательский контроллер
def preview
if params[:page_type] == "event"
@event = Event.new
render :partial => 'event', :object => @event
end
end
Партиал событий называется _event.html.erb
<%= form_for(@event) do |f| %>
<div class="field">
<%= f.label :name %>
<%= f.text_field :name %>
</div>
<div class="field">
<%= f.label :description %>
<%= f.text_area :description %>
</div>
<div class="field">
<%= f.label :start %>
<input id="datepicker" type="text" value="" name="event_start">
</div>
<div class="actions">
<%= f.submit %>
</div>
<% end %>
сгенерированный html
<body>
<p id="notice"></p>
<p id="alert"></p>
<h1>New page</h1>
<form accept-charset="UTF-8" action="/users/preview" data-remote="true" data-update-target="update-container" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="iIodOQohxJgk1P5ZmFrbgw4W/h4cq45LBxGN3xjyREk=" /></div>
<input class="submit" id="page_type_event" name="page_type" type="radio" value="event" />
<label for="page_type">Event</label>
<br/>
</form><div id="update-container">
</div>
<input id="datepicker" type="text" value="" name="event_start">
<a href="/users">Back</a>
</body>
