Почему confirm() всплывает несколько раз?

Question

[Владислав Радзимовский]

Здравствуйте!
Возникла проблема. На кнопку повешен обработчик onclick(), в котором есть окно confirm() для подтверждения действия.

$(document).ready(function onload(){
	$('.button').click(function(){
		if(confirm("Вы уверены что хотите сделать это?")){
			// some actions
		}
	}
})

Иногда при одном нажатии на кнопку, confirm() всплывает несколько раз (может 2, может 10). Собственно почему так может быть? И возможно ли что окно всплывает по несколько раз из-за того что я вызываю функцию onload() при подгрузке необходимых элементов на страницу?

Answer 1

[Anton Filippov]

jsfiddle.net/xgkuusfs/1

Comments

[Владислав Радзимовский]

А в чем собственно проблема моего варианта?

[Anton Filippov]

Владислав Радзимовский: ready итак срабатывает при загрузке всех элементов, зачем делать и рэди и онлоад?

[Владислав Радзимовский]

Антон Ф.: Проблема в том, что на страницу с помощью ajax подгружаються элементы
После их подгрузки я вызываю onload( ) что бы инициализировать для новых элементов функции с document.ready

[Владислав Радзимовский]

Антон Ф.: Сори, как-то руки не доходили почитать о разнице .click и on('click')
Пока не пробовал но наверное спасет

[Anton Filippov]

Владислав Радзимовский: ну в крайнем случае, можно использовать какой-нибудь флаг, и устанавливать его, только когда элементы подгружены

Answer 2

[Виктор]

И возможно ли что окно всплывает по несколько раз из-за того что я вызываю функцию onload() при подгрузке необходимых елементов на страницу?

Наверно, функция вызывается несколько раз, обработчик привязывается несколько раз, обработчик срабатывает несколько раз.
Вынесите привязку обработчика к кнопке в отдельную функцию или сделайте её анонимной:

$(document).ready(function(){
  $('.button').click(function(){
    if(confirm("Вы уверены что хотите сделать это?")){
      // some actions
    }
  }
})

Для подгружаемых элементов нужно использовать on-метод, вызвать его у родителя и указать селектор дочерних элементов, которые динамически появляются на странице