javascript - 使用file.js的javascript，但不是典型功能

Question

我有一个javascript文件代码，但它没有封装在一个函数中，特别是一个事件，所以我需要知道如何在我的html文件中调用这个事件。

$(window).scroll(function() {
    if ($(window).scrollTop() > 164) {
       $("ticky-nav").show(); 
    }
    else {
        $("ticky-nav").hide();   
    }
});

我包括这样的

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

感谢您的回答

Answer 1

您需要确保它被封装在$(document).ready()处理程序中或在 DOM 加载之后

$(document).ready(function () {
    $(window).scroll(function () {
        if ($(window).scrollTop() > 164) {
            $("ticky-nav").show();
        } else {
            $("ticky-nav").hide();
        }
    });
});

$("ticky-nav")也是一个无效的选择器，因为没有ticky-nav你最有可能寻找的元素类型$("#ticky-nav")是具有 id 的元素ticky-nav

还要确保包括

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

在你的 jQuery 脚本标签下

Answer 2

如果你想在没有滚动事件的情况下执行函数，你可以这样创建它：

var doScroll = function() {
    if ($(window).scrollTop() > 164) {
       $("ticky-nav").show(); 
    }
    else {
        $("ticky-nav").hide();   
    }
};

然后doScroll();从某个地方打电话:)