Я пытаюсь предотвратить функцию Jquery onclick для прокрутки страницы вверху. Я узнал, что preventDefault() исправит эту проблему, но я не могу заставить ее работать.
Здесь сайт с кодом: http://www.femartins.com.br/novo/galeria.html
Вот код, который я использую:
$( document ).ready(function() {
$('.carouselObj').click(function(evt){
var index = $('.carouselObj').index(this);
$('.galcontent').eq(index).siblings('.galcontent').fadeOut(500,function() {
$('.galcontent').eq(index).fadeIn(500);
evt.preventDefault();
});
});
});
Любая помощь приветствуется! :)
Вам нужно использовать evt.preventDefault();
в обработчике событий. Не в полной функции обратного вызова fadeOut
$('.carouselObj').click(function (evt) {
//Use here
evt.preventDefault();
var index = $('.carouselObj').index(this);
$('.galcontent').eq(index).siblings('.galcontent').fadeOut(500, function () {
$('.galcontent').eq(index).fadeIn(500);
});
});
Рисунок: проблема не в щелчке, а в том, как был создан html. Я добавил div с той же высотой, что и контент, и проблема была решена!
благодаря