Ticket #3980: sortable.disabled.receive.html

File sortable.disabled.receive.html, 1.7 KB (added by Marc Diethelm, 13 years ago)

Testcase

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4    <title>Disabled sortable still receives elements</title>
5    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6
7    <script type="text/javascript" src="http://code.jquery.com/jquery-1.3.1.js"></script>
8    <script type="text/javascript" src="http://view.jquery.com/trunk/ui/ui/ui.core.js"></script>
9    <script type="text/javascript" src="http://view.jquery.com/trunk/ui/ui/ui.sortable.js"></script>
10    <script type="text/javascript" src="http://view.jquery.com/trunk/ui/ui/ui.draggable.js"></script>
11
12    <style type="text/css">
13        div { border:1px solid black; margin: 5px 5px 20px 5px; }
14    </style>
15</head>
16
17<body>
18    #sortable1
19    <div id="sortable1">
20        <div>sortable item 1</div>
21        <div>sortable item 2</div>
22    </div>
23
24    <input type="button" value='$("#sortable1").sortable("disable")' onclick="disableIt()" />
25    <br />
26    <br />
27
28    #draggables
29    <div id="draggables">
30        <div>draggable 1</div>
31        <div>draggable 2</div>
32    </div>
33
34
35    <script type="text/javascript">
36
37        $(function () {
38
39            $("#sortable1").sortable({
40                receive: function(event, ui) {
41                    alert("[callback]\n\nreceive()");
42                }
43            });
44
45            $("#draggables div").draggable({
46                helper: "clone",
47                connectToSortable: ["#sortable1"]
48            });
49
50        });
51
52        function disableIt() {
53            $("#sortable1").sortable("disable")
54            .css("opacity", 0.5);
55        }
56
57    </script>
58
59
60</body>
61</html>