Skip to content

Commit 46f0644

Browse files
committed
jQuery UI: Update instructions to reflect file changes in 1.11
1 parent 10b66c6 commit 46f0644

File tree

1 file changed

+5
-14
lines changed

1 file changed

+5
-14
lines changed

page/jquery-ui/getting-started.md

Lines changed: 5 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -38,31 +38,22 @@ The last step in the Download Builder is to select a version number. Make sure t
3838

3939
You're finished with the Download Builder! Click the download button and you'll get a customized zip file containing everything you selected.
4040

41-
### After Downloading: Intro to Using jQuery UI
42-
43-
Once you've downloaded jQuery UI, you'll get a zip containing the following files:
44-
45-
* `/css/`
46-
* `/development-bundle/`
47-
* `/js/`
48-
* `index.html`
49-
5041
### Basic Overview: Using jQuery UI on a Web Page
5142

52-
Open up `index.html` in a text editor and you'll see that it links to a few dependencies: your theme, jQuery, and jQuery UI. Generally, you'll need to include these three files on any page to use jQuery UI widgets and interactions:
43+
Next, open up `index.html` from the downloaded zip in a text editor. You'll see that it references your theme, jQuery, and jQuery UI. Generally, you'll need to include these three files on any page to use the jQuery UI widgets and interactions:
5344

5445
```html
55-
<link rel="stylesheet" href="css/themename/jquery-ui.custom.css" />
56-
<script src="js/jquery.min.js"></script>
57-
<script src="js/jquery-ui.custom.min.js"></script>
46+
<link rel="stylesheet" href="jquery-ui.min.css">
47+
<script src="external/jquery/jquery.js"></script>
48+
<script src="jquery-ui.min.js"></script>
5849
```
5950

6051
Once you've included the necessary files, you can add some jQuery widgets to your page. For example, to make a datepicker widget, you'll add a text input element to your page and then call `.datepicker()` on it. Like this:
6152

6253
**HTML:**
6354

6455
```html
65-
<input type="text" name="date" id="date" />
56+
<input type="text" name="date" id="date">
6657
```
6758

6859
**JavaScript:**

0 commit comments

Comments
 (0)