Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript .animate()不在Wordpress网站上工作_Javascript_Jquery_Wordpress_Scroll_Jquery Animate - Fatal编程技术网

Javascript .animate()不在Wordpress网站上工作

Javascript .animate()不在Wordpress网站上工作,javascript,jquery,wordpress,scroll,jquery-animate,Javascript,Jquery,Wordpress,Scroll,Jquery Animate,我正在尝试在与页面上的hashbang链接关联的卷轴上使用动画效果 当我在一个普通的网站上使用它时,效果非常好 只要我尝试在wordpress网站上使用它,它就不会产生动画,而是跳转到DIV而不是滚动 jQ代码(尝试将其放置在头部、身体和页脚中(没有区别): jQuery.noConflict(); jQuery(文档).ready(函数(){ $('a[href^=“#“]”)。关于('click',函数(e){ e、 预防默认值(); var target=this.hash, $targ

我正在尝试在与页面上的hashbang链接关联的卷轴上使用动画效果

当我在一个普通的网站上使用它时,效果非常好

只要我尝试在wordpress网站上使用它,它就不会产生动画,而是跳转到DIV而不是滚动

jQ代码(尝试将其放置在头部、身体和页脚中(没有区别):


jQuery.noConflict();
jQuery(文档).ready(函数(){
$('a[href^=“#“]”)。关于('click',函数(e){
e、 预防默认值();
var target=this.hash,
$target=$(target);
$('html,body').stop().animate({
'scrollTop':$target.offset().top
},900,“摆动”,功能(){
window.location.hash=目标;
});
});
});
以下是我当前的JQuery版本,以防出现问题

jquery.js?ver=1.11.0

jquery migrate.min.js?ver=1.2.1

这可能是wordpress授予脚本的命令吗

有什么想法吗,因为我在这里拉扯头发!

换成这个:

<script type="text/javascript">
    jQuery(document).ready(function($){ // pass $ as an arg here

jQuery(document).ready(函数($){//pass$作为参数
您需要在ready回调中将
$
作为参数传递,而不需要使用
jQuery.noConflict();
,因此将其删除


因为wordpress使用
jQuery
而不是
$
,所以这不会与其他使用
$
作为别名的库发生冲突,所以您可以做两件事

  • 按照上面的建议去做,或者
  • 用jQuery替换每次出现的
    $
  • 尝试使用wrap
    (函数($){//your content})(jQuery);


    链接到您的站点以查看问题?在您完成
    jQuery.noConflict()之后,这是一个不错的选择;
    您不能再使用
    $
    。查看并告诉您在那里看到的错误以及它们指向的行。Juhana,我最初没有使用noConflict,我只是作为最后手段尝试了一下,因为它不会以另一种方式工作。谢谢,我会检查出来。谢谢Joffrey,这非常有效!我会检查这是否正确尽快回答。啊,好吧,我不知道。非常有用的信息,谢谢Jai;)@Grant没关系,很高兴这在某种程度上有所帮助。
    <script type="text/javascript">
        jQuery(document).ready(function($){ // pass $ as an arg here
    
    (function($){
        $(document).ready(function(){
            $('a[href^="#"]').on('click',function (e) {
                e.preventDefault();
                var target = this.hash,
                $target = $(target);
    
                $('html, body').stop().animate({
                    'scrollTop': $target.offset().top
                }, 900, 'swing', function(){
                    window.location.hash = target;
                });
            });
        });
    })(jQuery);