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

Question

I have in a javascript file code, but it isn't encapsulate in a function, specifically is an event, so I need to know how can I call this event in my html file.

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

and I include that like this

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

Thanks for your answers

Answer 1

You need to make sure it is either encapsulated in a $(document).ready() handler or after the DOM has loaded

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

$("ticky-nav") is an invalid selector also since there is no element type of ticky-nav you are most likely looking for $("#ticky-nav") which is an element with id ticky-nav

Also make sure to include

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

underneath your jQuery script tag

Answer 2

If you want to execute the function without the scroll event, you can create it like this:

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

And then call doScroll(); from somewhere :)