jQuery click event does not work - after form submit

Question

I have a Rails Page View that is constructed like this:

script>

$('#carnum_driver_plus').click(function () {
    alert("click done");
});

</script>

....
<%= form_tag(.....(method: :post)) do %>

  <button id="carnum_driver_plus" type="button">
    <span class="glyphicon glyphicon-plus align-text-bottom" aria-hidden="true"></span>
  </button>

<% end %>

When I load this page the first time, the click handler worked and called the alert function. When I submit the form, it will be processed by a controller action, and then the same page view will be rendered. But then when I click the button again, nothing happened, the alert will not be called.

Any ideas?

Timmy Von Heiss · Accepted Answer · 2018-05-10T20:32:04.523

2

<script>

$(document).on('turbolinks:load', function() {
  $('#carnum_driver_plus').click(function () {
    alert("click done");
  });
});

</script>

edited May 10 '18 at 20:32

answered May 10 '18 at 19:36

Timmy Von Heiss

2,160
17
39

ok, I never seen that. At which position I have to embed my js code ? – Sven Kirsten May 10 '18 at 19:55
@SvenKirsten see edited answer. what version of Rails are you using? – Timmy Von Heiss May 10 '18 at 20:32
rails version 5.1.4 – Sven Kirsten May 10 '18 at 20:45

score 0 · Answer 2 · answered May 10 '18 at 18:26

0

Try switching .click to .on()

$('#carnum_driver_plus').on('click', function() { 
//event handler...
}

Check out this question here.

answered May 10 '18 at 18:26

Foxhound013

301
3
13

thanks for your answer, but it does not help or fix the issue. – Sven Kirsten May 10 '18 at 18:40
After reading your question again, I missed the part where you said it was after a post. How are you rendering the page view? – Foxhound013 May 10 '18 at 18:42
render(:page_view_name) – Sven Kirsten May 10 '18 at 18:51

jQuery click event does not work - after form submit

2 Answers2