aboutsummaryrefslogtreecommitdiffstats
path: root/demos/draggable/default.html
diff options
context:
space:
mode:
Diffstat (limited to 'demos/draggable/default.html')
-rw-r--r--demos/draggable/default.html28
1 files changed, 13 insertions, 15 deletions
diff --git a/demos/draggable/default.html b/demos/draggable/default.html
index b50c54ab1..7b6fd15ed 100644
--- a/demos/draggable/default.html
+++ b/demos/draggable/default.html
@@ -1,21 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8" />
+ <meta charset="utf-8">
<title>jQuery UI Draggable - Default functionality</title>
- <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.4.2.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script>
- <script type="text/javascript" src="../../ui/jquery.ui.draggable.js"></script>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <style type="text/css">
+ <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
+ <script src="../../jquery-1.4.2.js"></script>
+ <script src="../../ui/jquery.ui.core.js"></script>
+ <script src="../../ui/jquery.ui.widget.js"></script>
+ <script src="../../ui/jquery.ui.mouse.js"></script>
+ <script src="../../ui/jquery.ui.draggable.js"></script>
+ <link rel="stylesheet" href="../demos.css">
+ <style>
#draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>
- <script type="text/javascript">
+ <script>
$(function() {
- $("#draggable").draggable();
+ $( "#draggable" ).draggable();
});
</script>
</head>
@@ -29,12 +29,10 @@
</div><!-- End demo -->
-<div class="demo-description">
-<p>
-Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.
-</p>
+<div class="demo-description">
+<p>Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.</p>
</div><!-- End demo-description -->
</body>