Plugin crashes when js files are called from html's head tag instead of body #50

noum · 2016-07-27T10:11:17Z

All in the title. Although, I only tested the jQuery version, not the simple JS version

This doesn't work and return the following error: Uncaught TypeError: Cannot read property 'style' of null jQueryColorPicker.min.js:3:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link href="jqColor.css" media="all" rel="stylesheet" type="text/css" />
        <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
        <script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
        <script type="text/javascript" src="jQueryColorPicker.min.js"></script>
        <script type="text/javascript" src="main.js"></script>
    </head>
    <body>
    </body>
</html>

main.js is where I do cp_picker = new ColorPicker({...}) on DOM ready.

On the other hand, this works great:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link href="jqColor.css" media="all" rel="stylesheet" type="text/css" />
        <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
        <script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
    </head>
    <body>
        <script type="text/javascript" src="jQueryColorPicker.min.js"></script>
        <script type="text/javascript" src="main.js"></script>
    </body>
</html>

Where could be the problem please ?

The text was updated successfully, but these errors were encountered:

PitPik · 2016-07-27T11:18:59Z

Hi @nomentsoa-andrianjatovo ,

well, this seems to be an error in main.js. You describe that you call the picker on DOM-ready but I think that there is something going wrong:
Maybe wrap your code in main.js in a $(function() { ... }); wrapper and try again.

Let me know if it works.
Cheers

noum · 2016-07-28T05:57:49Z

@PitPik
Already contained it in a (function($) { ... })(jQuery);. But since putting js files before </body> is good for me too, then it's no longer an issue, also I just wanted to be sure it doesn't come from the plugin. So I guess we can close this.

Thanks BTW, sorry for the trouble.

noum closed this as completed Jul 28, 2016

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Plugin crashes when js files are called from html's head tag instead of body #50

Plugin crashes when js files are called from html's head tag instead of body #50

noum commented Jul 27, 2016 •

edited

PitPik commented Jul 27, 2016

noum commented Jul 28, 2016 •

edited

Plugin crashes when js files are called from html's head tag instead of body #50

Plugin crashes when js files are called from html's head tag instead of body #50

Comments

noum commented Jul 27, 2016 • edited

PitPik commented Jul 27, 2016

noum commented Jul 28, 2016 • edited

noum commented Jul 27, 2016 •

edited

noum commented Jul 28, 2016 •

edited