Почему происходит несколько запросов по клику?

Question

[vadimstroganov]

Здравствуйте! Не пойму в чем проблема, есть форма обратной связи, и по нажатию на кнопку отправить - приходит отправление по 1-7 раз за клик(почта с данными с формы приходит соответственно 1-7 раз за клик)

Форма:

<div class="callback-form" id="callback-form">
  <%= form_for :email,
               html: {id: "contact_form"},
               :url => { :controller => 'pages', :action => 'send_mail' },
               :method => "POST",
               :remote => true  do |f| %>
    <%= hidden_field_tag :authenticity_token, form_authenticity_token %>
    <%= f.label :name, 'Ваше имя' %>
    <%= f.text_field :name, :class => 'name', :size => 60 %>
    <%= f.label :telephone, 'Ваш номер телефона' %>
    <%= f.text_field :telephone, :class => 'telephone', :size => 60 %>
    <%= f.label :body, 'Сообщение' %>
    <%= f.text_area :body, :rols => 10, :cols => 60 %>
    <%= submit_tag "Оставить заявку", :class => 'btn-send-form' %>
  <% end %>
  <div id="response"></div>
</div>

Скрипт:

$(document).ready ->
  $("#contact_form").on("ajax:success", (e, data, status, xhr) ->
    $("#response").empty()
    $("#response").append data
   ).on "ajax:error", (e, xhr, status, error) ->
    $("#response").replaceWith ""

В контроллере:
Emailer.send_form(params[:email]).deliver_now

В моделе:

def send_form(email_params)
    @email = '[e-mail]'

    @name = email_params[:name]
    @telephone = email_params[:telephone]
    @message = email_params[:body]

      mail to: @email,
           subject: 'Welcome to My Awesome Site'

  end

А вот что происходит после нажатия кнопки(1 раз!)

Comments

[vadimstroganov]

Хм, вот только зашел на сайт - отправляет 1 раз, переходишь из меню в на другую страницу, где есть форма - отправляет оттуда уже 2 раза, потом возвращаешься на предыдущую - отправляет 3 раза и вот так увеличивается до бесконечности...

[vadimstroganov]

Отключил турболинкс и все хорошо... Как же сделать так чтобы и турболинки включены были и чтобы работало корректно ?..)

[Алексей Зуев]

Strollager: Как обеспечить корректную работу $ajax + turbolink...

Answer 1

[caution]

попробуйте разобраться с turbolinks

Answer 2

[Сергей Иванов]

висит несколько обработчиков.
Из примера на jquery (для простого понимания)

<div class="a">
  <div class="b">
    <div class="c">
    </div>
  </div>
</div>

$('.a').click(function(){...})
$('.b').click(function(){...})
$('.c').click(function(){...})

по окончании у вас будет несколько обработчиков на один элемент.

Answer 3

[maximw]

Попробуйте так:

$(document).ready ->
  $("#contact_form").off("ajax:success").off("ajax:error").on("ajax:success", (e, data, status, xhr) ->
    $("#response").empty()
    $("#response").append data
   ).on( "ajax:error", (e, xhr, status, error) ->
    $("#response").replaceWith ""