0

I am developing a website with a Wondergrid animated elements (JS). The problem is every time the page is loaded on the fresh system (no cache), the script won't work. After reloading/refreshing the page it works fine: http://kate.projectsbin.com/1/

Any clues to improve it, please? (I am designer, not a programmer)

notjust1233971
  • 101
  • 1
  • 9
  • There might be some javascript which is failing. Try to see the error in the error console and solve the error. It might solve the issue. Try importing the javascript at the top. – Ankit Zalani Jul 14 '13 at 07:07
  • The blue boxes should change there shapes on mouse position on-screen. On fresh load they don't - you have to reload (webkit browsers + FF). No errors in the console. – notjust1233971 Jul 14 '13 at 07:11
  • Have you included `js` in `$( document ).ready()` – Pumpkinpro Jul 14 '13 at 07:16
  • Yes, in wonderkit.js (the end of the file). – notjust1233971 Jul 14 '13 at 07:35
  • 2
    To see if it is an issue with the images not being fully loaded when you initialize wonderkit, change the `$(document).ready()` handler to a `$(window).load()` handler. Also, there is a script at the bottom binding jQuery events. You should probably wrap that in `$(document).ready()` – Dom Day Jul 14 '13 at 07:49
  • Thank you, Dom, I implemented your ideas here: http://kate.projectsbin.com/3/ No go though :( – notjust1233971 Jul 14 '13 at 08:11

1 Answers1

1

It's easier as an answer, so, regarding comments above ...

A document ready function goes like this:

$(document).ready( function() {
    ... stuff ...
});

and a window load function goes like

$(window).load( function() {
    ... stuff ...
});
Dom Day
  • 2,542
  • 13
  • 12