スクリプトが機能しない（しかし、他のサイトで正常に動作します）

Question

これはおそらくダムの質問ですが、私は尋ねます。私はスクロール中にページ上のポイントを渡すときにdivスティックを作ろうとしています。私はこのスクリプトを持っています：

<script type="text/javascript"> 
$(document).ready(function() { 
     var s = $("#sticker"); 
     var pos = s.position();      
     $(window).scroll(function() { 
     var windowpos = $(window).scrollTop(); 
     if (windowpos >= pos.top + 335) { 
      s.addClass("stick"); 
     } else { 
      s.removeClass("stick"); 
     } 
    }); 
}); 
</script> 

私のサイトではうまくいきます。しかし今、私は新しいサイトでそれを試しています。そして、私のコンソールログにエラーが表示されるたびに：TypeError: $ is not a functionそして、私のコードでエラーを見ると、$(document).ready(function() {の部分が強調表示されます。

$(document).ready部分と});部分を削除すると、var s = $("#sticker");部分が$ is not a functionと表示されます。

私は

<script type="text/javascript"> 
jQuery(document).ready(function() { 
     var s = $("#sticker"); 
     var pos = s.position();      
     $(window).scroll(function() { 
     var windowpos = $(window).scrollTop(); 
     if (windowpos >= pos.top + 335) { 
      s.addClass("stick"); 
     } else { 
      s.removeClass("stick"); 
     } 
    }); 
}); 
</script> 

を試してみましたが、その後、それは(document).ready部分をスキップし、それが再び私var部分は関数ではありませんと言われます。

私はスクリプトを削除してもコンソールログメッセージはありません。何が問題なの？ headerとfooterにコードを入れようとしましたが、<div id="sticker">...</div>の直前でもコードを入れてみました。何も動作していないようです。スクリプトは他のサイトでも完璧に動作します...

Answer 1

noConfilctモードではjQueryを実行しています。つまり、jQueryはjQueryでのみ利用可能であり、$では使用できません。コードready stateまたはIIFEを使用してjQueryにアクセスするには$でコードをラップすることができます。

準備完了状態：

jQuery(document).ready(function($) { 
    // access jQuery by '$' inside 
}); 

// this is a shorthand for the above '.ready' creation 
jQuery(function($) { 
    // access jQuery by '$' inside 
}); 

生命維持： `jQueryの（ドキュメント）.ready（関数（$）{`（* `注意：

(function($) { 
    // access jQuery by '$' inside 
})(jQuery);