Very simple code does not work
Hi All...
I'm sure this is a stupid question but I have killed the morning trying to do what should be very simple. I feel foolish having to ask...
I just bought jQuery UI In Action and typed in the example on page 14 as an HTML file. I added a little HTML at the top of the BODY. I opened it in Firefox (and IE and Chrome) directly off my hard drive, and although it rendered the text I added in the header tags, it does not seem to recognize the js. The data picker does not appear, just an empty form element that looks like a text field.
I thought perhaps the links were out of date to the Google CDN, so I tried updating the version numbers, but still no luck. I Googled for some samples and found some, still no luck.
js is enabled in my browser.
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta charset="utf-8">
<title>First Demo</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
</head>
<body>
<!-- Put my custom HTML here -->
<H3>Hello cold, cruel world!</H3>
<input id="datepicker">
<script type="text/javascript" scr="http://code.jquery.com/jquery-1.11.1.js"></script>
<script type="text/javascript" scr="http://code.jquery.com/jquery-1.11.0/jquery-ui.js"></script>
<!-- Put custom js here -->
<script>
$( "#datepicker" ).datepicker();
</script>
</body>
</html>