腳本不能正常工作（但在其他站點上正常工作）

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 
}); 

IIFE：

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