Событие на кнопках

@xAndeRx · Регистрация: 25.10.2012

Author24 — интернет-сервис помощи студентам

Есть 3 кнопки на странице.
Вещаю обработчики на кнопки

Javascript

$(document).ready(function(){
$("body").on('click','#btn_send',function () {
          });       
 });
 
$(document).ready(function(){
$("body").on('click','#btn_save',function () {
    });       
 });
 
 $(document).ready(function(){
$("body").on('click','#btn_save',function () {
    });       
 });

Тут же возникает проблема, что при первом нажатии на кнопку, ничего не происходит. Как я понимаю, на него просто вешается событие, но не вызывается. То есть приходится, нажимать на кнопку дважды.
И после того как используешь другую кнопку и снова возвращаешься к 1-ой, опять та же процедура, её нужно нажать дважды.
Поправьте, что не так делаю?

@brain-4-me · 12.04.2017, 06:38

xAndeRx, не понятно для чего ты постоянно вызываешь

Javascript

1	$(document).ready()

его можно вызвать один раз и все, и по моему когда вызывается событие как у тебя

Javascript

1
2
3

$("body").on('click','#btn_send',function () {
          });       
 });

вообще $(document).ready() не нужен

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

Javascript

1
2
3

$(document).on('click','#btn_send',function(){
//функция
});

а еще проверь единственный ли у тебя #btn_send

@xAndeRx · 12.04.2017, 12:21 **[ТС]**

brain-4-me, благодарю, данный вариант помог:

Javascript

1
2
3

$(document).on('click','#btn_send',function(){
//функция
});

Только теперь накидывается много события на 1 кнопку. Как я понял это решается с помощь .off
А где он должен использоваться? Вот у меня есть JS функция, внутри которой я вешаю событие с помощь .on, тогда .off использовать в конце этой функции?

	12.04.2017, 12:21