Question

我正在尝试阻止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();
        });
    });

});

欢迎任何帮助！：）

Answer 1

您需要在事件处理程序中使用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);
    });
});

Answer 2

图解问题不在于点击，而在于html的构建方式。我添加了一个与内容高度相同的div，问题解决了！

由于

jquery单击并阻止默认错误

2 个答案: