Adding script via wordpress wp_enqueue_scripts in the <head>

Question

When adding js file via wp_enqueue_scripts it's placed it in the <head> tag in the html source.

But in the DOM (F12) it's placed in the <body>. What can be the reason?

This is my page

<!DOCTYPE html>
<html>
    <head>
        <title>PAGE</title>
        <link rel="stylesheet" id="query-monitor-css"  href="https://www.sukkah2go.kipa.co.il/wp-content/plugins/query-monitor/assets/query-monitor.css?ver=1478770264" type="text/css" media="all" />
        <link rel="stylesheet" id="font-awesome-css"  href="https://www.sukkah2go.kipa.co.il/wp-content/plugins/wipi-builder/css/font-awesome.min.css?ver=4.6.3" type="text/css" media="all" />
        <link rel="stylesheet" id="mono-social-icons-css"  href="https://www.sukkah2go.kipa.co.il/wp-content/themes/wipi/css/mono-social-icons.css?ver=1.2.1" type="text/css" media="all" />
        <link rel="stylesheet" id="hebrew-fonts-css"  href="https://www.sukkah2go.kipa.co.il/wp-content/themes/wipi/css/hebrew-fonts.css?ver=1.2.1" type="text/css" media="all" />
        <link rel="stylesheet" id="jquery-magnificpopup-css"  href="https://www.sukkah2go.kipa.co.il/wp-content/plugins/wipi-builder/css/jquery.magnificpopup.css?ver=1.2.1" type="text/css" media="all" />
        <link rel="stylesheet" id="wipi-css"  href="https://www.sukkah2go.kipa.co.il/wp-content/uploads/wipi/skin-57f534186c4d2.css?ver=4.6.1" type="text/css" media="all" />
        <link rel="stylesheet" id="wipi-rtl-css"  href="https://www.sukkah2go.kipa.co.il/wp-content/themes/wipi/css/rtl.css?ver=4.6.1" type="text/css" media="all" />
    </head>

    <body>

    </body>
</html>

I think it's probably invalid HTML. When you do view source, you get the raw HTML from the server. When you use your dev tools (F12), you get output that is parsed by your browser and it will try to fix any problems with the HTML. — Cave Johnson
– Cave Johnson, Commented Nov 16, 2016 at 19:00
I recommend using a validator to validate your theme's raw html to find the problem. You can use this: validator.w3.org — Cave Johnson
– Cave Johnson, Commented Nov 16, 2016 at 19:01
For wordpress I think you should have <?php wp_head(); ?> inside your <head> section. That is how wp_enqueue_scripts works. Do you have this? — Cave Johnson
– Cave Johnson, Commented Nov 16, 2016 at 19:07

Nikola Kirincic · Accepted Answer · 2016-11-16 20:28:19Z

1

Take a look at code reference: https://developer.wordpress.org/reference/functions/wp_enqueue_script/

as you can see, last param of boolean type, and if set to true, it will output script file in body of document, not in head. Maybe that is problem.

wp_enqueue_script( string $handle, string $src = false, array $deps = array(), string|bool|null $ver = false, bool $in_footer = false )

answered Nov 16, 2016 at 20:28

Nikola Kirincic

3,7871 gold badge28 silver badges32 bronze badges

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

Collectives™ on Stack Overflow

Adding script via wordpress wp_enqueue_scripts in the <head>

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related