Geek Answers Handbook

JQuery, High Charts, not finding a function?

I am currently using High Charts on my website. Everything is set up for me so that it works fine on jsfiddle, jquery loads via ajax, highcharts script is also loaded.

Here is jsfiddle: http://jsfiddle.net/jy8BA/1/

<script src="http://code.highcharts.com/highcharts.js"></script>

However, when I run this code on my own website, it fails and causes an error:

Uncaught TypeError: Object [object Object] has no method 'highcharts'

I expect this to happen because the highcharts script does not load correctly, however, using the chrome developer tools, I found that highchart and jquery load perfectly for a short period of time. Ive tried almost everything, including using .setTimeout, to stop jquery from starting in case more image files are allowed to load?

Here is a link to the im site, created in case you want to use the developer tools and see for yourself: (Please note that I just found out that sometimes it works, however, if you refresh the page or change pages it does not work again?)

http://nclearningsurvey.info/

Any help is appreciated, thanks.

+4
source share
1 answer

This is probably due to what highcharts.jsloads when jQuery is not yet available.

The Highcharts plugin requires jQuery to work properly. You should put highcharts.js after jquery.js .

<script charset="utf-8" async="" src="//img3.wsimg.com/wst/v7/WSB7_J_20131114_0846_RATT_558/libs/jquery/jq.js"> ( async), , jQuery.
highcharts.js ( ), ... .

async :

<script charset="utf-8" src="//img3.wsimg.com/wst/v7/WSB7_J_20131114_0846_RATT_558/libs/jquery/jq.js">
+1

More articles:


All Articles