0

jQuery スクロールをセットアップしましたが、デュレーションが正しく機能しません。Wordpress サイトの「ページについて」で、jQuery を使用して、写真をクリックすると適切な div までスクロールできるようにしたいと考えています。スクロールは機能していますが、期間は機能していません。スクロールには 1 秒あたり約 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

これをデバッグする方法は、クロムでページを開き、右クリックして、最後のメニュー項目である [要素の検査] を選択することです。

右側の最後のタブであるコンソールを選択すると、JavaScript にエラーが存在するかどうかが表示されます。

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

代わりに、より単純なセレクターを試してください。

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