diff options
| author | Paul Bakaus <paul.bakaus@googlemail.com> | 2008-12-31 14:17:03 +0000 |
|---|---|---|
| committer | Paul Bakaus <paul.bakaus@googlemail.com> | 2008-12-31 14:17:03 +0000 |
| commit | 24f46c501e231e7f1ffa91d1490a02139123852e (patch) | |
| tree | f68fdd46642a1fdd54003a8c02ec73faa2a58f79 /demos/sortable/connectwith.html | |
| parent | 64adc9136fb6966132ed295dfed8a313e80b03f1 (diff) | |
| download | jquery-ui-24f46c501e231e7f1ffa91d1490a02139123852e.tar.gz jquery-ui-24f46c501e231e7f1ffa91d1490a02139123852e.zip | |
demos: added wrappers for sortables
Diffstat (limited to 'demos/sortable/connectwith.html')
| -rw-r--r-- | demos/sortable/connectwith.html | 15 |
1 files changed, 13 insertions, 2 deletions
diff --git a/demos/sortable/connectwith.html b/demos/sortable/connectwith.html index 95fe9bde5..c394b90bd 100644 --- a/demos/sortable/connectwith.html +++ b/demos/sortable/connectwith.html @@ -8,8 +8,8 @@ <script type="text/javascript" src="../../ui/ui.sortable.js"></script> <link type="text/css" href="../demos.css" rel="stylesheet" /> <style type="text/css"> - ul { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; } - li { margin: 3px; padding: 2px; width: 120px; } + .demo ul { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; } + .demo li { margin: 3px; padding: 2px; width: 120px; } </style> <script type="text/javascript"> $(function() { @@ -20,6 +20,7 @@ </script> </head> <body> +<div class="demo"> <ul> <li class="ui-state-default">Item 1</li> @@ -37,5 +38,15 @@ <li class="ui-state-highlight">Item 5</li> </ul> +</div><!-- End demo --> + +<div class="demo-description"> + +<p> +The easiest way to make an element draggable. Hold down the mouse and drag it around. +</p> + +</div><!-- End demo-description --> + </body> </html> |