File tree Expand file tree Collapse file tree 3 files changed +156
-128
lines changed Expand file tree Collapse file tree 3 files changed +156
-128
lines changed Original file line number Diff line number Diff line change 8
8
< script src ="../../ui/jquery.ui.core.js "> </ script >
9
9
< script src ="../../ui/jquery.ui.widget.js "> </ script >
10
10
< script src ="../../ui/jquery.ui.button.js "> </ script >
11
+ < script src ="../../ui/jquery.ui.position.js "> </ script >
12
+ < script src ="../../ui/jquery.ui.menu.js "> </ script >
11
13
< link rel ="stylesheet " href ="../demos.css ">
12
14
< script >
13
15
$ ( function ( ) {
23
25
primary : "ui-icon-triangle-1-s"
24
26
}
25
27
} )
26
- . click ( function ( ) {
27
- alert ( "Could display a menu to select an action" ) ;
28
+ . click ( function ( ) {
29
+ var menu = $ ( this ) . parent ( ) . next ( ) . show ( ) . position ( {
30
+ my : "left top" ,
31
+ at : "left bottom" ,
32
+ of : this
33
+ } ) ;
34
+ $ ( document ) . one ( "click" , function ( ) {
35
+ menu . hide ( ) ;
36
+ } ) ;
37
+ return false ;
28
38
} )
29
- . parent ( )
30
- . buttonset ( ) ;
39
+ . parent ( )
40
+ . buttonset ( )
41
+ . next ( )
42
+ . hide ( )
43
+ . menu ( ) ;
31
44
} ) ;
32
45
</ script >
33
46
< style >
34
-
47
+ . ui-menu { position : absolute; width : 100 px ; }
35
48
</ style >
36
49
</ head >
37
50
< body >
38
51
39
52
< div class ="demo ">
40
53
41
- < div >
42
- < button id ="rerun "> Run last action</ button >
43
- < button id ="select "> Select an action</ button >
44
- </ div >
54
+ < div >
55
+ < div >
56
+ < button id ="rerun "> Run last action</ button >
57
+ < button id ="select "> Select an action</ button >
58
+ </ div >
59
+ < ul >
60
+ < li > < a href ="# "> Open...</ a > </ li >
61
+ < li > < a href ="# "> Save</ a > </ li >
62
+ < li > < a href ="# "> Delete</ a > </ li >
63
+ </ ul >
64
+ </ div >
45
65
46
66
</ div > <!-- End demo -->
47
67
Original file line number Diff line number Diff line change 8
8
< script type ="text/javascript " src ="../../../ui/jquery.ui.core.js "> </ script >
9
9
< script type ="text/javascript " src ="../../../ui/jquery.ui.widget.js "> </ script >
10
10
< script type ="text/javascript " src ="../../../ui/jquery.ui.menu.js "> </ script >
11
- < script type ="text/javascript " src ="http://jqueryui.com/themeroller/themeswitchertool/ "> </ script >
12
11
< script type ="text/javascript ">
13
12
$ ( function ( ) {
14
13
$ . fn . themeswitcher && $ ( '<div/>' ) . css ( {
You can’t perform that action at this time.
0 commit comments