Home/ Questions/Q 7598955
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T22:32:23+00:00

I place jquery.js on my footer before </body> <script type=text/javascript src=/js/jquery.js></script> And why this

  • 0

I place jquery.js on my footer before </body>

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

And why this code is not firing? But when I move jquery.js on header before </head> it working fine.. 

$(document).ready(function () {
    $("#sub-category").hide();
    $("#main-category").change(function () {
        var id = $(this).val();
        var dataString = 'id=' + id;
        $.ajax({
            type: "POST",
            url: "/select-category/",
            data: dataString,
            cache: false,
            success: function (html) {
                $("#sub-category").show();
                $("#sub-category").html(html);
            }
        });
    });
});

Let me know why code above is not firing when I include jquery.js on my footer.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I bet you actually put the $(document).ready(function () { }); block before jQuery library. jQuery has to be loaded even before $(document).ready(function () { }); block in order to make it work. However, in all cases, keep jQuery in <head>, that’s the right place for it

    • 0