diff options
| author | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2015-09-30 09:49:13 +0200 |
|---|---|---|
| committer | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2015-09-30 17:55:20 +0200 |
| commit | b698f809de908535acd93c690d90d867622ddd7e (patch) | |
| tree | 0929237517ef5edde429a1ab615bcc22222f773b /tests/visual/slider | |
| parent | c02f59981f4c8aa2c606e22e0325dd34457c8b45 (diff) | |
| download | jquery-ui-b698f809de908535acd93c690d90d867622ddd7e.tar.gz jquery-ui-b698f809de908535acd93c690d90d867622ddd7e.zip | |
Tests: Use demo bootstrap for visual tests
Adds a data-composite option and fixes paths for effects. Otherwise
just applies the same conversion as already applied to demos, sometimes
moving a <style> element to the right place.
Diffstat (limited to 'tests/visual/slider')
| -rw-r--r-- | tests/visual/slider/range_slider.html | 39 |
1 files changed, 17 insertions, 22 deletions
diff --git a/tests/visual/slider/range_slider.html b/tests/visual/slider/range_slider.html index 2b041f377..64152a9ff 100644 --- a/tests/visual/slider/range_slider.html +++ b/tests/visual/slider/range_slider.html @@ -11,11 +11,23 @@ margin: 20px auto; } </style> - <script src="../../../external/jquery/jquery.js"></script> - <script src="../../../ui/core.js"></script> - <script src="../../../ui/widget.js"></script> - <script src="../../../ui/mouse.js"></script> - <script src="../../../ui/slider.js"></script> + <script src="../../../external/requirejs/require.js"></script> + <script src="../../../demos/bootstrap.js"> + var el = $( "#slider" ).slider({ + range: true, + min: 0, + max: 100, + values: [ 0, 50 ] + }); + + $( "#set-max-values" ).on( "click", function() { + el.slider( "option", { values: [ 100, 100 ] } ); + }); + + $( "#set-min-values" ).on( "click", function() { + el.slider( "option", { values: [ 0, 0 ] } ); + }); + </script> </head> <body> <div id="wrapper"> @@ -26,22 +38,5 @@ <button id="set-max-values">set values to max</button> <button id="set-min-values">set values to min</button> </div> - -<script> - var el = $( "#slider" ).slider({ - range: true, - min: 0, - max: 100, - values: [ 0, 50 ] - }); - - $( "#set-max-values" ).on( "click", function() { - el.slider( "option", { values: [ 100, 100 ] } ); - }); - - $( "#set-min-values" ).on( "click", function() { - el.slider( "option", { values: [ 0, 0 ] } ); - }); -</script> </body> </html> |