mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
Sortable demos: Using ids for selectors.
This commit is contained in:
parent
373a7e9e70
commit
5bfbbf79f3
@ -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>
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user