Почему не работает preventDefault для события load_more_button?

Question

[Anna-17]

Здравствуйте, подскажите пожалуйста как разобраться с этой проблемой.
На сайте при нажатие показать еще на каталоге перестает работать скрипт
e.preventDefault();

Comments

[Kovalsky]

Вроде работает кнопка, не вижу ошибок

[Anna-17]

Спасибо, что ответили. Да я тоже не вижу ошибку и не понимаю почему так происходит. Изначально нормально работает, при нажатие на картинку нормально открывается на модальном окне. А когда нажимаю на кнопку показать еще после этого появляются новые фотки, при нажатие на них уже не срабатывает переходит другую страницу.

Answer 1

[Andrey K.]

У вас есть отдельный обработчик не на ссылке, а на изображении:

$(".wp-post-image").click(function(){	// Событие клика на маленькое изображение

Но дело в том, что данный скрипт применился к уже имеющимся на странице элементам, а затем вы загружаете новые. В таком виде, скрипт к ним не применится.

Попробуйте использовать такую конструкцию вместо предыдущей:

$(document).on("click", ".wp-post-image", function() {

Comments

[Anna-17]

Спасибо большое.
Я заменила код маленькое изображения открывается на модальном окне но мгновенно переходит на другую страницу.

[Andrey K.]

Anna-17, по такому же принципу сделайте замену здесь:

jQuery('.image_wrapper a').on('click', function (e) {

$(document).on("click", ".image_wrapper a", function(e) {

[Anna-17]

Сейчас попробую, спасибо.

[Anna-17]

спасибо большое. Я поняла , что в таком же принципу надо написать, просто не знала как правильно надо писать код. Еще раз спасибо большое. Работает нормально.

[Andrey K.]

Anna-17, пожалуйста ) Если всё ок, то можете отметить мой ответ решением.

[Anna-17]

Все ок, еще раз спасибо большое. Сейчас отмечу. Было интересно работать с вами.