なぜこの「スクロール・トップ・スクリプト」がタイプ・エラーを引き起こすのですか？ jQueryの競合

Question

トップスクリプトへの私のスクロールが機能していないという点で、jQueryの不具合が増えています。

私は、多くのスクリプトを試してみたが、それぞれの時間は、私はエラーを取得する：

TypeError: undefined is not an object (evaluating '$target.offset().top')

jQuery(document).ready(function($){ 
    $(window).scroll(function(){ 
     if ($(this).scrollTop() > 100) { 
      $('.scrollup').fadeIn(); 
     } else { 
      $('.scrollup').fadeOut(); 
     } 
    }); 
    $('.scrollup').click(function(){ 
     $("html, body").animate({ scrollTop: 0 }, 600); 
     return false; 
    }); 
}); 

これは、Wordpressのサイトで使用され、Wordpressのは、無競合モードでのjQueryをロードしています。

jQueryは本当に私の人生の瞬間です。ありがとう。

EDIT：

それは同じページにもある、この、と競合ているように見えます。私は両方を並行して作業する必要があります。

var $ = jQuery.noConflict(); 

$(document).ready(function(){ 
    $('a[href^="#"]').on('click',function (e) { 
     e.preventDefault(); 

     var target = this.hash; 
     var $target = $(target); 

     $('html, body').stop().animate({ 
      'scrollTop': $target.offset().top - 50 
     }, 900, 'swing', function() { 
      window.location.hash = target; 
     }); 
    }); 
}); 

Answer 1

申し訳ありませんが、ここに投稿することはできません。私はコピー/あなたのコード貼り付け、それはjsfiddleに動作します。 （まだ$（ウィンドウ）を使用して）： jQueryの1.12を使用してhttps://jsfiddle.net/ahy1mauc/

$(window).scroll(function(){ 
    if ($(this).scrollTop() > 100) { 
     $('.scrollup').fadeIn(); 
    } else { 
     $('.scrollup').fadeOut(); 
    } 
}); 

。

Answer 2

jQueryの互換性の問題。あなたのスクリプトでは、どこでも '$'の代わりに 'jQuery'を使用してください。