jQuery code doesn't work when put within head tag_问答_开发者

jQuery code doesn't work when put within head tag

开发者 https://www.devze.com 2023-01-07 22:29 出处：网络

I have a jQuery code that works when I insert it inside a script tag within the开发者_如何学C body. But it doesn\'t work when I insert it in the head tag or include it as a js file.Judging from your d

I have a jQuery code that works when I insert it inside a script tag within the开发者_如何学C body. But it doesn't work when I insert it in the head tag or include it as a js file.

Judging from your description you most probably forgot to put your script into a $(document).ready function:

$(function() {
    // put your code here
});

Then you can place this wherever you want on the page (head, body, external script, ...).

Any script code put inside a head is not supposed to execute automatically. Unless called by a event listener. So if you have put your code in the head section its just a piece of functionality waiting to be executed on a call. This code can be called as mentioned on a document.ready( ) event handler or any other event call from the user.

try these format

<html>
<head>
<script>
 $(document).ready(function()    {
        $('#arrow img').click(function()    {
            transferEmp('test');
        });
 });
</script>
<body>
<!-- other tags -->
<script>
 $(document).ready(function()    {
        $('#arrow img').click(function()    {
            transferEmp('test');
        });
 });
</script>
<script src="test.js" type="text/javascript"></script>
</body>
</html>