Skip to content
Permalink
Browse files

Sortable demos: Using ids for selectors.

  • Loading branch information...
scottgonzalez committed Jan 5, 2009
1 parent 373a7e9 commit 5bfbbf79f385a46a9d5a4851bade2693b51deeaa
Showing with 8 additions and 8 deletions.
  1. +4 −4 demos/sortable/connectwith.html
  2. +2 −2 demos/sortable/delay.html
  3. +2 −2 demos/sortable/distance.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>
@@ -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>
@@ -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>

0 comments on commit 5bfbbf7

Please sign in to comment.
You can’t perform that action at this time.