Sortable demos: Using ids for selectors.

scottgonzalez · scottgonzalez · commit 5bfbbf79f385 · 2009-01-05T19:42:08.000Z
diff --git a/demos/sortable/connectwith.html b/demos/sortable/connectwith.html
@@ -13,24 +13,24 @@
 	</style>
 	<script type="text/javascript">
 	$(function() {
-		$(".demo ul").sortable({
-			connectWith: ['ul']
+		$("#sortable1, #sortable2").sortable({
+			connectWith: ['.connectedSortable']
 		});
 	});
 	</script>
 </head>
 <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>
 	<li class="ui-state-default">Item 4</li>
 	<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
@@ -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
@@ -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>
