diff options
Diffstat (limited to 'demos')
| -rw-r--r-- | demos/sortable/connectwith.html | 8 | ||||
| -rw-r--r-- | demos/sortable/delay.html | 4 | ||||
| -rw-r--r-- | demos/sortable/distance.html | 4 |
3 files changed, 8 insertions, 8 deletions
diff --git a/demos/sortable/connectwith.html b/demos/sortable/connectwith.html index 7bd49972c..c886e90a4 100644 --- a/demos/sortable/connectwith.html +++ b/demos/sortable/connectwith.html @@ -13,8 +13,8 @@ </style> <script type="text/javascript"> $(function() { - $(".demo ul").sortable({ - connectWith: ['ul'] + $("#sortable1, #sortable2").sortable({ + connectWith: ['.connectedSortable'] }); }); </script> @@ -22,7 +22,7 @@ <body> <div class="demo"> -<ul> +<ul id="sortable1" class="connectedSortable"> <li class="ui-state-default">Item 1</li> <li class="ui-state-default">Item 2</li> <li class="ui-state-default">Item 3</li> @@ -30,7 +30,7 @@ <li class="ui-state-default">Item 5</li> </ul> -<ul> +<ul id="sortable2" class="connectedSortable"> <li class="ui-state-highlight">Item 1</li> <li class="ui-state-highlight">Item 2</li> <li class="ui-state-highlight">Item 3</li> diff --git a/demos/sortable/delay.html b/demos/sortable/delay.html index 27f5151dc..037865c82 100644 --- a/demos/sortable/delay.html +++ b/demos/sortable/delay.html @@ -13,7 +13,7 @@ </style>
<script type="text/javascript">
$(function() {
- $(".demo ul:eq(0)").sortable({
+ $("#sortable").sortable({
delay: 1000
});
});
@@ -24,7 +24,7 @@ <p>Delay of 1000ms</p>
-<ul>
+<ul id="sortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
diff --git a/demos/sortable/distance.html b/demos/sortable/distance.html index 0d0a89448..564b307a1 100644 --- a/demos/sortable/distance.html +++ b/demos/sortable/distance.html @@ -13,7 +13,7 @@ </style>
<script type="text/javascript">
$(function() {
- $(".demo ul:eq(0)").sortable({
+ $("#sortable").sortable({
distance: 50
});
});
@@ -24,7 +24,7 @@ <p>Distance of 50px</p>
-<ul>
+<ul id="sortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
|