Почему не работает скрипт?

Question

[Space]

<script type="text/javascript"> 
$(document).ready(function(){
	$('.info-click-unsuccess').click(function () {
		$('.info-click-unsuccess').hide();
	});
});
</script>

Так скрипт работает как должен. А если я укажу элемент для клика другой, а именно тот который подгружается в последнюю очередь на странице (социальные кнопки от сервиса pluso), то работать не хочет, почему?

Answer 1

[Rsa97]

В jquery методы .click, .hover, .keyPress и т.д. привязывают callback-функцию к соответствующему методу объекта (onClick, onHover, onKeyPress) в момент вызова метода. Соответственно, если кнопки грузятся отдельно и асинхронно после готовности документа, когда метод .click уже был вызван, callback-функция ни к чему не привязывается.
Найдите ближайшего статического родителя этих кнопок и поставьте событие на него через

$('selector').on('click', '.info-click-unsuccess', $function() {
});

Comments

[Space]

Rsa97 selector - поменять на класс ближайшего родителя?

[Rsa97]

Статического родителя, того, который заведомо загрузится к моменту выполнения .on. Лучше ближайшего, но можно и к 'body' привязать, большинство событий всплывают (propagation) вверх по родительским элементам.

[Space]

Rsa97 сделал так, не работает:

<script type="text/javascript"> 
$(document).ready(function(){
	$('.hidesocnet').on('click', '.info-click-unsuccess', $function() {
		$('.info-click-unsuccess').hide();
	});
});
</script>

<div class="hidesocnet">
            <div class="info-click-unsuccess">Example</div>
</div>

[Space]

Rsa97 в чем может быть проблема?

[Rsa97]

Сорри, опечатался. Конечно же не $function(), а просто function()

Answer 2

[Александр Цымбал]

если контент подгружается с другого сайта/скриптом, то он добавляется на страницу уже после вызова вашего кода.

в jquery для этого предусмотрены свои методы:

$('.info-click-unsuccess').on('click',function () {
		$('.info-click-unsuccess').hide();
	});