1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+ < head >
4
+ < meta charset =utf-8 />
5
+ < title > Test for Issue #6946</ title >
6
+ < link rel ="stylesheet " href ="../all.css " type ="text/css ">
7
+ < link rel ="stylesheet " href ="../../../themes/base/jquery.ui.all.css " type ="text/css " />
8
+ < script type ="text/javascript " src ="../../../jquery-1.4.4.js "> </ script >
9
+ < script type ="text/javascript " src ="../../../ui/jquery.ui.core.js "> </ script >
10
+ < script type ="text/javascript " src ="../../../ui/jquery.ui.widget.js "> </ script >
11
+ < script type ="text/javascript " src ="../../../ui/jquery.ui.mouse.js "> </ script >
12
+ < script type ="text/javascript " src ="../../../ui/jquery.ui.sortable.js "> </ script >
13
+ < style type ="text/css " media ="screen ">
14
+
15
+ body {
16
+ background : white;
17
+ font-size : 90% ;
18
+ }
19
+ .error {
20
+ color : # f55 ;
21
+ font-style : italic;
22
+ }
23
+ # sortable div : hover {
24
+ cursor : move;
25
+ }
26
+
27
+ </ style >
28
+ </ head >
29
+ < body >
30
+ < h1 > Test for Issue #6946</ h1 >
31
+ < p > Use the following list to test the steps listed below:</ p >
32
+ < div id ="sortable ">
33
+ < div > One</ div >
34
+ < div > Two</ div >
35
+ < div > Three</ div >
36
+ </ div >
37
+ < div id ="events "> </ div >
38
+ < h2 > Expected</ h2 >
39
+ < ol >
40
+ < li > Drag an item to a new position in the list and release.</ li >
41
+ < li > The click event should be received (appropriately suppressed by jQuery UI).</ li >
42
+ < li > Click the same item.</ li >
43
+ < li > The click event should be received.</ li >
44
+ < li > Click the same item again.</ li >
45
+ < li > The click event should be received.</ li >
46
+ </ ol >
47
+ < h2 > Experienced (Gecko/Opera)</ h2 >
48
+ < ol >
49
+ < li > Drag an item to a new position in the list and release.</ li >
50
+ < li > The click event is not received < em > (never sent by browser)</ em > .</ li >
51
+ < li > Click the same item.</ li >
52
+ < li class ="error "> The click event is not received (erroneously suppressed by jQuery UI).</ li >
53
+ < li > Click the same item again.</ li >
54
+ < li > The click event is finally received.</ li >
55
+ </ ol >
56
+ < script type ="text/javascript ">
57
+
58
+ $ ( function ( ) {
59
+ $ ( '#sortable' ) . sortable ( ) ;
60
+ $ ( '#sortable' ) . bind ( 'click' , function ( ) {
61
+ $ ( '#events' ) . append ( 'Click event received!<br />' ) ;
62
+ } ) ;
63
+ } ) ;
64
+
65
+ </ script >
66
+ </ body >
67
+ </ html >
0 commit comments