diff options
| author | Alexander Schmitz <arschmitz@gmail.com> | 2015-06-30 22:53:45 -0400 |
|---|---|---|
| committer | Alexander Schmitz <arschmitz@gmail.com> | 2015-07-21 11:00:42 -0400 |
| commit | 0e8d871a264139d5156d924f0925033c483f0c1e (patch) | |
| tree | e4955366eaffca8573516229c98b5bd0469323fc /demos/selectmenu/product-selection.html | |
| parent | 91ee61e78043581fcf5fbcfe105603b6279d3724 (diff) | |
| download | jquery-ui-0e8d871a264139d5156d924f0925033c483f0c1e.tar.gz jquery-ui-0e8d871a264139d5156d924f0925033c483f0c1e.zip | |
Selectmenu: Update demos to use AMD
Ref #10119
Diffstat (limited to 'demos/selectmenu/product-selection.html')
| -rw-r--r-- | demos/selectmenu/product-selection.html | 45 |
1 files changed, 19 insertions, 26 deletions
diff --git a/demos/selectmenu/product-selection.html b/demos/selectmenu/product-selection.html index e759ea36a..a6f1a2203 100644 --- a/demos/selectmenu/product-selection.html +++ b/demos/selectmenu/product-selection.html @@ -5,33 +5,7 @@ <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Selectmenu - Product Selection</title> <link rel="stylesheet" href="../../themes/base/all.css"> - <script src="../../external/jquery/jquery.js"></script> - <script src="../../ui/core.js"></script> - <script src="../../ui/widget.js"></script> - <script src="../../ui/position.js"></script> - <script src="../../ui/menu.js"></script> - <script src="../../ui/selectmenu.js"></script> <link rel="stylesheet" href="../demos.css"> - <script> - $(function() { - var circle = $( "#circle" ); - - $( "#radius" ).selectmenu({ - change: function( event, data ) { - circle.css({ - width: data.item.value, - height: data.item.value - }); - } - }); - - $( "#color" ).selectmenu({ - change: function( event, data ) { - circle.css( "background", data.item.value ); - } - }); - }); - </script> <style> fieldset { border: 0; @@ -50,6 +24,25 @@ height: 150px; } </style> + <script src="../../external/requirejs/require.js"></script> + <script src="../bootstrap.js"> + var circle = $( "#circle" ); + + $( "#radius" ).selectmenu({ + change: function( event, data ) { + circle.css({ + width: data.item.value, + height: data.item.value + }); + } + }); + + $( "#color" ).selectmenu({ + change: function( event, data ) { + circle.css( "background", data.item.value ); + } + }); + </script> </head> <body> |