Sortable demos: Using ids for selectors.

This commit is contained in:
Scott González 2009-01-05 19:42:08 +00:00
parent 373a7e9e70
commit 5bfbbf79f3
3 changed files with 8 additions and 8 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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>