0

我有一个 jQuery 滚动设置,但持续时间不能正常工作。在 Wordpress 网站的“关于页面”上,我想使用 jQuery,以便在单击照片时,它会向下滚动到相应的 div。滚动正在工作,但是,持续时间不是。滚动大约需要 1/4 秒,我设置持续时间的速度无关紧要。我所指的网站可以在以下位置看到:http ://teamcoding.ca/corporate/about-test/

下面是 jQuery 滚动的源代码。

$(function(){
    $('a[href*=.staff_photos_indiv]').click(function() {
        if (location.pathname.replace(/^\//,") == this.pathname.replace(/^\//,") && location.hostname == this.hostname) {
            var $target = $target;
            $target = $(this.hash);
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
            if ($target.length) {
                var targetOffset = $target.offset().top;
                $('html,body').animate({scrollTop: targetOffset}, {easing:'easeInOutExpo',duration:1600});
                return false;
            }
        }
    }); 
});
4

3 回答 3

3

我的猜测是您没有'easeInOutExpo'定义缓动函数,因为一般操作适用于以下代码:

$(document.body).animate(
    {scrollTop: "400px"}, {easing: "swing", duration: 1600}
);

而且,您可以在这里看到它的工作原理:http: //jsfiddle.net/jfriend00/UbnUh/

于 2012-06-01T02:01:26.897 回答
0

您在 jQuery 选择器中有错误。

Uncaught Error: Syntax error, unrecognized expression: [href*=.staff_photos_indiv]

这就是为什么click事件甚至没有触发。你所看到的只是a href="#...以正常方式行事。

于 2012-06-01T01:53:22.817 回答
0

调试的方法是在chrome中打开页面,右键单击并选择最后一个菜单选项“Inspect Element”。

选择右侧最后一个选项卡,控制台,您将看到 JavaScript 中是否存在任何错误:

Uncaught Error: Syntax error, unrecognized expression: [href*=.staff_photos_indiv] 

相反,尝试一个更简单的选择器:

$('.staff_photos_indiv').click( ... 
于 2012-06-01T01:58:39.427 回答