Jquery代码在Firefox简单点击事件中不起作用

时间:2015-06-30 17:52:22

标签: jquery firefox

代码适用于IE和Chrome,而非Firefox。 Firebug中没有错误消息,只是页面重新加载。并且画廊代码和fadeIn在开始工作,只是随后的点击事件:

$(document).ready(function(){
     $('.gallery').slick({
        adaptiveHeight:true,
        dots:true,
        arrows:true,
        autoplay:true,
        infinite:true,
});
$("h1").fadeIn(1000, function(){
    $("h2").fadeIn(1000, function(){
        $("h3").fadeIn(1000);
    });
});
$("#about").click(function() {
        event.preventDefault();
        $('html, body').animate({
            scrollTop: $("#aboutContainer").offset().top
        }, 1000);
});

是否与传递$('#aboutContainer).offset.top

有关

1 个答案:

答案 0 :(得分:2)

我认为您的event变量未定义。您需要将其指定为闭包参数:

$("#about").click(function(event) { // <<--- THIS
        event.preventDefault();
        $('html, body').animate({
            scrollTop: $("#aboutContainer").offset().top
        }, 1000);
});

编辑:

另一件事,你没有说过你是否在页面加载完成时执行此操作。执行时#about元素可能不可用。