Question

我正在尝试在我的Wordpress模板中建立jQuery缓动，这样我就可以在页面的下方对div进行一些很酷的滚动效果。我在使用普通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>

Answer 1

Wordpress将jQuery置于禁用$（）函数的无冲突模式。除非你在jQuery中禁用no-conflict模式，否则你必须使用jQuery（）而不是$（）。
Wordpress默认包含jQuery，不需要自己包含它们。

以下是您的代码的外观:(注意：您再也不应该遇到此问题 - 现在您知道Wordpress默认情况下没有$（）函数。

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

OR

<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

jQuery缓解Wordpress导航

1 个答案: