Skip to content

Commit 2736042

Browse files
eduardolundgreneduardolundgren
committed
Sortable tolerance demo
1 parent 7f3ac69 commit 2736042

2 files changed

Lines changed: 55 additions & 0 deletions

File tree

‎demos/sortable/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@ <h4>Examples</h4>
1919
<li><a href="droponempty.html">Dropping on empty lists</a></li>
2020
<li><a href="droppable.html">Connect to droppables</a></li>
2121
<li><a href="portlets.html">Portlets</a></li>
22+
<li><a href="tolerance.html">Tolerance</a></li>
2223
</ul>
2324
</div>
2425

‎demos/sortable/tolerance.html‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<title>jQuery UI Sortable - Tolerance Demo</title>
5+
<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6+
<script type="text/javascript" src="../../jquery-1.3pre.js"></script>
7+
<script type="text/javascript" src="../../ui/ui.core.js"></script>
8+
<script type="text/javascript" src="../../ui/ui.sortable.js"></script>
9+
<link type="text/css" href="../demos.css" rel="stylesheet" />
10+
<style type="text/css">
11+
#sortable-tolerance-default, #sortable-tolerance-pointer { list-style-type: none; margin: 0; padding: 0; float: left; }
12+
#sortable-tolerance-default li, #sortable-tolerance-pointer li { margin: 3px; padding: 1px; float: left; width: 100px; height: 90px; font-size: 1.3em; text-align: center; }
13+
</style>
14+
<script type="text/javascript">
15+
$(function() {
16+
$("#sortable-tolerance-default").sortable({
17+
tolerance: 'default'
18+
});
19+
$("#sortable-tolerance-pointer").sortable({
20+
tolerance: 'pointer'
21+
});
22+
});
23+
</script>
24+
</head>
25+
<body>
26+
<div class="demo">
27+
28+
<ul id="sortable-tolerance-default">
29+
<li class="ui-state-default"><div class="ui-icon ui-icon-arrow-4"></div>Default tolerance</li>
30+
<li class="ui-state-default"><div class="ui-icon ui-icon-arrow-4"></div>2</li>
31+
<li class="ui-state-default"><div class="ui-icon ui-icon-arrow-4"></div>3</li>
32+
</ul>
33+
34+
<br style="clear:both;" />
35+
<br style="clear:both;" />
36+
37+
<ul id="sortable-tolerance-pointer">
38+
<li class="ui-state-default"><div class="ui-icon ui-icon-arrowthick-1-ne"></div>Pointer tolerance</li>
39+
<li class="ui-state-default"><div class="ui-icon ui-icon-arrowthick-1-ne"></div>2</li>
40+
<li class="ui-state-default"><div class="ui-icon ui-icon-arrowthick-1-ne"></div>3</li>
41+
</ul>
42+
43+
</div><!-- End demo -->
44+
45+
<div class="demo-description">
46+
47+
<p>
48+
49+
</p>
50+
51+
</div><!-- End demo-description -->
52+
53+
</body>
54+
</html>

0 commit comments

Comments
 (0)