CSS модальный прыжок вниз

0

Я использовал css modal на своем сайте.

Каждый раз, когда я нажимаю на модальный, он переходит к нижней части сайта. Я не могу найти проблему, потому что на демонстрационном сайте CSS modal все в порядке.

Я также включил javascript "modal.js".

Вот мой сайт.

Может кто-нибудь мне помочь?

Теги:
modal-dialog

1 ответ

0

Посмотрите в консоли браузера:

GET http://drublic.github.io/css-modal/modal2.js 404 (Not Found)

Но это, похоже, не ошибка. Вы привязали идентификатор к ссылке, такой как " http://moritzw.com/#bdk ", браузер пытается перейти к этому элементу с id = bdk, который находится внизу. Следует избегать поведения по умолчанию.

РЕДАКТИРОВАТЬ:

Снимок с страницы документации этого модуля: http://drublic.github.io/css-modal/site/js/page.js

$(document).on('click', '.gallery a', function (e) {
    e.preventDefault(); // <-- THIS <--

    var $newImage = $(this).html();
    var $oldImage = $('.gallery .big-image').html();

    $('.gallery .big-image').html($newImage);
    $(this).html($oldImage);
});

Здесь вы видите, что они не используют тот же файл, что и ваш, даже они используют измененный, основанный на jquery с предотвращением событий.

Надеюсь, это ответит на ваш вопрос.

  • 0
    Да, я сделал это, чтобы проверить, вызывает ли js-файл ошибку. Что вы имеете в виду именно под «предотвратить поведение по умолчанию»?
  • 0
    При нажатии кнопки или ссылки браузер запускается после событий javascript, таких как щелчок по функции по умолчанию. Это может быть отправка для кнопок или переход по ссылкам. В вашем случае вы просто хотите выполнить JS, но не переход к якору. Для получения дополнительной информации, пожалуйста, посетите: api.jquery.com/event.preventdefault
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню