$ undefined even jquery is loaded

Question

OK, here's my issue I use following page to get the user timezone

<html>
    <head>
        <script src="/js/jquery-2.1.4.js"></script>
        <script src="/js/jstz-1.0.4.min.js"></script>
    </head>
    <body>
        <form id="tz-form" action="{{ URL::to('/') }}" method="post">
            <input id="tz" type="hidden" name="timezone" value="">
        </form>
        <script>
            $(document).ready(function(){
                var timezone = jstz.determine();
                $('#tz').val(timezone.name());
                $('#tz-form').submit();
            });
        </script>
    </body>
</html>

when I run the application firebug shows me following errors

SyntaxError: expected expression, got '<' html tag

ReferenceError: PhpDebugBar is not defined var phpdebugbar = new PhpDebugBar.DebugBar(); TypeError: $ is not a function

$('#tz').val(timezone.name());

I'm using laravel 5.1 and barryvdh/laravel-debugbar. Thank you

The paths to the JS libraries seems to be wrong. Laravel shows a 404 document which results in a JavaScript error. — Ram, Jun 20 '15 at 18:08
Do you have html tags in js file? The first error looks like so. — Shaunak D, Jun 20 '15 at 18:27
Wouldn't this piece of code get stuck in a forever post-reload-page loop, if visiting `/`? — Eric, Jun 20 '15 at 18:29
I don't think so this is an error related to this piece of code. — kishanio, Jun 20 '15 at 18:32
"firebug "Net" panel 200OK". Open the JS path _directly_ and see the result. — Ram, Jun 20 '15 at 18:38
You may have a problem in your view, it seems like the "noconflict" code is not loaded into your page. You should see something like "", do you ? — Mooncake, Jun 20 '15 at 18:56

score 0 · Accepted Answer · edited May 23 '17 at 12:06

Ok, I found the solution, this happens from the

jQuery.noConflict(true);

as Arrakeen said, that adds automatically to the page

so I added change my script to this and it worked. :)

    <script>
        var jq = jQuery.noConflict();
        jq(document).ready(function(){
            var timezone = jstz.determine();
            jq('#tz').val(timezone.name());
            jq('#tz-form').submit();
        });
    </script>

$ undefined even jquery is loaded

1 Answers1