Response title
This is preview!
- Screen name: Ian Y
Ian Y's Profile
3 Posts
4 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- Please refer to this jsFiddle example. I want the draggable being dragged into the sortable section so it could be sorted.At the first time dragging the draggable, it jumps out of viewable area. Yet it is still draggable. It just doesn't stick to mouse cursor.There is a very similar demo on jQuery UI's website. Somehow it doesn't have such an issue.
The following code is the HTML page of my example. It could also be downloaded at here.- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
body { margin: 0 auto; padding: 50px 0; width: 80px }
.sortable { margin-bottom: 50px; }
.sortable div { margin-bottom: 10px; width: 80px; height: 30px; background: lightblue }
.draggable { width: 80px; height: 30px; cursor: move; background: lightgreen }
.sortable .draggable { background: lightgreen }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$('.sortable').sortable({
revert: true
});
$('.draggable').draggable({
connectToSortable : '.sortable',
revert : 'invalid'
});
$('.draggable').disableSelection();
});
</script>
</head>
<body>
<div class="sortable">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div class="draggable">Draggable</div>
</body>
</html>
- 20-Jun-2012 12:35 AM
- Forum: Using jQuery UI
We could set the value of the slider by using setter:$('.selector').slider('option', 'value', 10);
But by doing so, the slide animation will be ignored. (the slide handle will jump to the value instead of animate to)
How can we keep the animation when using setter?- 19-Jun-2012 03:12 PM
- Forum: Using jQuery UI
For example, a slider ranged from value 0 to value 50 has been created.
And then I want to check a checkbox to make the slide handle isn't exceeding value 25. That is, it can only slide between 0 and 25. After the checkbox is unchecked, the slide handle can again slide freely between 0 and 50. Is there a way to do that?
I had read Methods of slider, but there isn't seem to be a method to do that.- «Prev
- Next »
- <!DOCTYPE html>
Moderate user : Ian Y
© 2012 jQuery Foundation
Sponsored by 
and others.
