Jquery error in IE8

[Jammmy]

Hi all,

coiffurestefan.be
I receive an error, but don't know what the problem is here...

Any help is appreciated.

[Pullo]

Hi,

What exactly is the error you're having?

[Jammmy]

It's in Dutch so I can't show you the screenshot.

But basically it says: this web page contains errors and may not work properly.

'effects' is empty or no object
jquery.effects.fold.min.js
Code:0
Rule:5

URI coiffurestefan/wp/wp-includes/js/jquery/ui/jquery.effects.fold.min.js?ver=3.4.2

[Pullo]

Is this on a local page you are testing?
I've just looked at the url you provided and it looks fine.

Edit: hang on, I've found the right url: http://coiffurestefan.be/wp/. I'll have a look now.

[Pullo]

Ok, when I visit the above link in IE8 (or below) I see a whole bunch of messages telling me that jQuery is undefined.
I ran your page through the W3 validator and saw that there are a bunch of errors. Most notably at the bottom of your document you have this:

</body>
</html>
<img src="http://coiffurestefan.be/wp/wp-content/uploads/2012/10/bg0011.jpg" id="fsb_image"/><!-- X -->	
</body>
</html>

Try removing the superfluous </body> and </html> tags.
It could be the case that other browsers are clever enough to ignore them, but they are making IE choke.

[Jammmy]

Ok, when I visit the above link in IE8 (or below) I see a whole bunch of messages telling me that jQuery is undefined.
I ran your page through the W3 validator and saw that there are a bunch of errors. Most notably at the bottom of your document you have this:

</body>
</html>
<img src="http://coiffurestefan.be/wp/wp-content/uploads/2012/10/bg0011.jpg" id="fsb_image"/><!-- X -->	
</body>
</html>

Try removing the superfluous </body> and </html> tags.
It could be the case that other browsers are clever enough to ignore them, but they are making IE choke.

Thanks! Didn't notice that.

[Jammmy]

The javascript error still persists. Please see attachment:
Do you know how to solve this?

error.jpg

[Pullo]

Hi,

I can't see your attachment yet, as it hasn't been approved.

The when I visit the site in IE8 and open the JavScript console I now see the error:

Uncaught TypeError: Cannot set property 'fold' of undefined 
jquery.effects.fold.min.js, Zeile 5 Zeichen 16

I don't see anything resembling the error you posted previously.
I am looking at: http://coiffurestefan.be/wp/

Are we talking about the same thing?

Edit: BTW I also see this error in every other browser

[Jammmy]

Yes it's the same error.
I don't get the error here.

[Pullo]

What do you mean, you don't get the error here (there?)
Are you looking at the site with a console open?
Is something not happening which should be happening?

[Jammmy]

Hi,

Yes this is a customer website. I don't see the error, but the customer is. So I don't really see what's wrong.

[Pullo]

Hi,

The fold effect you are referencing here:

<script type='text/javascript' src='http://coiffurestefan.be/wp/wp-includes/js/jquery/ui/jquery.effects.fold.min.js?ver=3.4.2'></script>

is what's causing the error.

The reason for this is that you haven't included jQuery UI.
If you insert this line directly after the one in which you include jQuery, the error will disappear.

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

HTH

[Jammmy]

Hi

can you check if the problem is solved?

[Pullo]

The error message is indeed gone, but you can check this yourself.
In Chrome, for example, press F12, click the "Console" tab and refresh the page.