Как побороть перемещение к началу страницы при открытии модальных окон?

Question

[Yura07]

Всем доброго времени суток. Использую плагин MagnificPopup (на больших экранах все норм). При открытии на мобильных устройствах модальных окон сайта происходит возвращение к началу страницы. Яркий пример при нажатии на галерею. Видно как происходит перемещение, а потом только появляется темный фон и открывается модальное окно. Уже пробовал вешать на обработчик событий event.preventDefault(). Не помогает. Ссылка на сам сайт здесь f0151394.xsph.ru (не пугайтесь, это всего лишь бесплатный хостинг). Помогите кто-нить

Comments

[Сергей Тутуков]

1. У тебя jquery подключен 2 раза.
2. Ошибка так писать:

$(function){
  $(document).ready(function() {

3. https://validator.w3.org/nu/?doc=http%3A%2F%2Ff015... - Куча критических ошибок (<a id="customLink"/> - 19 штук...)
И куча куча всего.

По теме:
1. Возможно идет переброс из-за этого:

$(".portfolio-item").each(function(e) {
        $(this).attr("href", "#portfolio-img-" + e).find(".portfolio-popup").attr("id", "portfolio-img-" + e)
    })

- id должны проставляться в php файле, а не с помощью скрипта. Попробуй вручную всем проставить id.

2. При загрузки страницы, попробуй нажать пробел или page up/page down. Скролл через кнопки не работает. Следовательно где-то в этом проблема. Кнопки начинают работать через ~5-10 секунд после загрузки, и первый экран исчезает.

3. Инициализацию плагинов делай в конце страницы, а не в head

[Yura07]

Спасибо. Я попробую

Answer 1

[Lander]

А разве не event.stopPropagation() надо вешать?

Comments

[Yura07]

этот вариант тоже не подходит,только что попробовал. Спасибо

[Lander]

Yura07: А если href="portfolio-img4.jpg" (без # попробовать)?

[Yura07]

Lander: снова не получается. Что я только не делал. До абсурда доходило. Но все равно спасибо