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，无需您自己包含它们。

这是您的代码的外观：（注意：您应该永远不会再遇到这个问题 - 现在您知道 Wordpress 默认没有 $() 函数。

<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 回答