0

Wordpress テンプレートで jQuery イージングを確立しようとしています。これにより、ページのさらに下にある div id にいくつかのクールなスクロール効果が得られるようになります。プレーンな HTML を使用する前にこれを行ったことがありますが、Wordpress のナビゲーション機能でこれを確立する方法について少し混乱しています。これが私が過去に使用したコードです。どのように後付けできるかについての助けは大歓迎です。

<script src="../js/jquery.min.js"></script>
<script>
function goToByScroll(id){ 
    jQuery('html,body').animate({scrollTop: jQuery("#"+id).offset().top},900); 
    return false; 
}


*/Function/*
<script>function goToByScroll(id){ $('html,body').animate({scrollTop: $("#"+id).offset().top},900); return false; }</script>


*/Nav Link/*
<li><a onclick="goToByScroll('div1')" href="javascript:void(0)" href="#">Link 1</a></li>
4

1 に答える 1

0

  • Wordpress は、jQuery を非競合モードにして、$() 関数を無効にします。jQuery で非競合モードを無効にしない限り、$() の代わりに jQuery() を使用する必要があります。

  • WordPress にはデフォルトで jQuery も含まれているため、自分で含める必要はありません。

コードは次のようになります。

<script>
    function goToByScroll(id){ 
        jQuery('html,body').animate({scrollTop: jQuery("#"+id).offset().top},900); 
        return false; 
    }
</script>

また

<script>
    function goToByScroll(id){ 
        jQuery(document).ready(function($){
            $('html,body').animate({scrollTop: $("#"+id).offset().top},900); 
            return false; 
        });
    }
</script>

一部抜粋: https://stackoverflow.com/a/3744901/1270996

于 2013-02-22T05:55:29.040 に答える