JavaScript在單獨的文件中時不起作用

Question

我有代碼：

$(window).scroll(function () {
    var scroll = $(window).scrollTop();
    if (scroll >= 500) {
        $(".koncecki-web-design").addClass("konecki-scroll");
        $(".top-nav").addClass("show");
        $("#work").addClass("work-margin");
    } else {
        $(".koncecki-web-design").removeClass("konecki-scroll");
        $(".top-nav").removeClass("show");
        $("#work").removeClass("work-margin");
    }
    if (scroll >= 200) {
        $(".top-text").addClass("top-text-scroll");
    } else {
        $(".top-text").removeClass("top-text-scroll");
    }
});

我在索引文件中有這個，但是我想在control.js中有

<script type="text/javascript" src="js/control.js"></script> 

當我將此代碼粘貼到control.js腳本時不起作用。

有什么事嗎

謝謝！ 西隆

Answer 1

確保在control.js之前包含jQuery。 所以

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/control.js"></script>

代替

<script type="text/javascript" src="js/control.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>

Answer 2

你需要：

1. 檢查是否在jquery.js之前包含control.js，然后將jquery文件移到頂部將不起作用。
2. DOM還沒有准備好進行工作，因此將所有代碼移至$(document).ready()
3. 或者在關閉body標簽之前添加control.js，它將處理以上兩點。