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

如果要在没有scroll事件的情况下执行该函数，可以像这样创建它：

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

然后从某个地方拨打doScroll();：）

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

2 个答案: