JQuery in external JS file

Question

I am trying to execute some JavaScript when my html page loads. The top method populateSelectWithDates() is called, but the jquery portion does not. Any ideas?

function doInitialPopulation() {
    //This works
    populateSelectWithDates();

    //This does not
    $(document).ready(function() {
        alert('ok');
    //Credit to: http://www.pewpewlaser.com/articles/jquery-tablesorter
        //  Adds sort_header class to ths
        $(".sortable th").addClass("sort_header");

        //  Adds alternating row coloring to table.
        $(".sortable").tablesorter({widgets: ["zebra"]});

        //  Adds "over" class to rows on mouseover
        $(".sortable tr").mouseover(function() {
            $(this).addClass("over");
        });

        //  Removes "over" class from rows on mouseout
        $(".sortable tr").mouseout(function() {
            $(this).removeClass("over");
        });

    });
}

have you included jQuery library .Check console for errors. — Tushar Gupta - curioustushar
– Tushar Gupta - curioustushar, Commented Oct 31, 2013 at 4:15
Do I do the jquery import in the external js file, or in the html file? — user1154644
– user1154644, Commented Oct 31, 2013 at 4:15
include it before any other javascript that wants to use jQuery. — Deryck
– Deryck, Commented Oct 31, 2013 at 4:18

azz · Accepted Answer · 2013-10-31 04:19:23Z

1

In your HTML file, make sure you are including the scripts in this order:

<!-- first include jQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- then include your script(s) -->
<script src="YOUR_SCRIPT.js" type="text/javascript"></script>

answered Oct 31, 2013 at 4:19

azz

5,9703 gold badges33 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Prajwol Onta · Accepted Answer · 2013-10-31 04:24:39Z

0

I dont see any use of $(document).ready(function() { try removing it. And let us know if alert('ok') works. Also can we see the function populateSelectWithDates() ?

answered Oct 31, 2013 at 4:24

Prajwol Onta

1,4886 gold badges22 silver badges48 bronze badges

Collectives™ on Stack Overflow

JQuery in external JS file

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related