r1515 - trunk/demos/sortable
Author: scott.gonzalez
Date: Mon Jan 5 11:42:08 2009
New Revision: 1515
Modified:
trunk/demos/sortable/connectwith.html
trunk/demos/sortable/delay.html
trunk/demos/sortable/distance.html
Log:
Sortable demos: Using ids for selectors.
Modified: trunk/demos/sortable/connectwith.html
==============================================================================
--- trunk/demos/sortable/connectwith.html (original)
+++ trunk/demos/sortable/connectwith.html Mon Jan 5 11:42:08 2009
@@ -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>
Modified: trunk/demos/sortable/delay.html
==============================================================================
--- trunk/demos/sortable/delay.html (original)
+++ trunk/demos/sortable/delay.html Mon Jan 5 11:42:08 2009
@@ -13,7 +13,7 @@
</style>
<script type="text/javascript">
$(function() {
- $(".demo ul:eq(0)").sortable({
+ $("#sortable").sortable({
delay: 1000
});
});
@@ -24,7 +24,7 @@
Delay of 1000ms
-<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>
Modified: trunk/demos/sortable/distance.html
==============================================================================
--- trunk/demos/sortable/distance.html (original)
+++ trunk/demos/sortable/distance.html Mon Jan 5 11:42:08 2009
@@ -13,7 +13,7 @@
</style>
<script type="text/javascript">
$(function() {
- $(".demo ul:eq(0)").sortable({
+ $("#sortable").sortable({
distance: 50
});
});
@@ -24,7 +24,7 @@
Distance of 50px
-<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>