Search jQuery

jQuery Forum

Using jQuery UI

remo.liec..

Doctype crashes JQuery

in Using jQuery UI • 9 years ago

Hi guys and nerdy girls,

I use latest JQuery UI. When my html file has no doctype set, it works fine in Chrome.

However, in Firefox nothing works telling me a Doctype is needed to execute Javascript.

When adding the HTML5 doctype to the html file, nothing works any longer in any browser. (I did not yet test IE).

Please see my file without doctype (use chrome, FF doesnt work):

http://parallel-pictures.com/index.html

The file with Doctype is:

http://parallel-pictures.com/index_doctype.html

What do I need to change to make this work in any browser?

(yes, the issue of not asynchronous animations I still have to fix ;) )

Thanks

Replies(5)

mike_laird

You have 7 errors and 3 warnings in your HTML. Among them - div is not self closing. divs need a close tag </div> so the browsers are very confused.

Get the free HTML Validator (it gives you line numbers for each error) or use the W3C Validator on your HTML

remo.liec..

Re: Doctype crashes JQuery

9 years ago

hi mike

thanks, I saw this in the meantime and fixed it the div errors.

Still, when using proper HML5 doctype, the page does not load and behaves different.

Working, no Doctype (use Chrome to see how it should look like):

http://parallel-pictures.com/index_new.html

Broken, with doctype:

http://parallel-pictures.com/index_new_doctype.html

krishan_bi

Re: Doctype crashes JQuery

9 years ago

Hi remo.liechti,
it should work with ' XHTML 1.0 Strict ' :

greets Krishan

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-DE" lang="de-DE" >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
....