views:

234

answers:

1

I'm trying to make a simple strict HTML file that includes jquery:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

  <head>

    <title>Test File</title>

    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&gt;&lt;/script&gt;
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;

  </head>

<body>

</body>
</html>

But Firefox displays the following errors in the error console when I try to load it:

Error: d.style is undefined
Source File: http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js
Line: 33

Error: jQuery is not defined
Source File: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js
Line: 19

Help! I don't understand :(

+1  A: 

Is the site served as text/html or application/xml+xhtml?

(It was supposed to be a question, but apparently it was the answer.)

deceze
Yet another case of "Sending XHTML as text/html Considered Harmful" < http://hixie.ch/advocacy/xhtml > ? -_-
Dustin