diff options
| author | Felix Nagel <info@felixnagel.com> | 2015-12-02 18:20:54 +0100 |
|---|---|---|
| committer | Felix Nagel <info@felixnagel.com> | 2015-12-02 18:30:05 +0100 |
| commit | c10ef0a170218ae64abaee54518b09068eadb51e (patch) | |
| tree | 8ff6c9cb8e0f4a8846a3b272a26e65fef946ae3c /demos/button/default.html | |
| parent | 7ed45541096b58c56c4fc40b1a0ca9c10b2fe229 (diff) | |
| parent | 6c738d961d9918f75a3043a49ab21ac79bca45ae (diff) | |
| download | jquery-ui-c10ef0a170218ae64abaee54518b09068eadb51e.tar.gz jquery-ui-c10ef0a170218ae64abaee54518b09068eadb51e.zip | |
Merge branch 'master' into datepicker
Diffstat (limited to 'demos/button/default.html')
| -rw-r--r-- | demos/button/default.html | 33 |
1 files changed, 18 insertions, 15 deletions
diff --git a/demos/button/default.html b/demos/button/default.html index 88c666e9a..644dcd225 100644 --- a/demos/button/default.html +++ b/demos/button/default.html @@ -5,31 +5,34 @@ <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Button - Default functionality</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/button.js"></script> <link rel="stylesheet" href="../demos.css"> - <script> - $(function() { - $( "input[type=submit], a, button" ) - .button() - .on( "click", function( event ) { - event.preventDefault(); - }); - }); + <script src="../../external/requirejs/require.js"></script> + <script src="../bootstrap.js"> + $( ".widget input[type=submit], .widget a, .widget button" ).button(); + $( "button, input, a" ).click( function( event ) { + event.preventDefault(); + } ); </script> </head> <body> +<div class="widget"> + <h1>Widget Buttons</h1> + <button>A button element</button> -<button>A button element</button> + <input type="submit" value="A submit button"> -<input type="submit" value="A submit button"> + <a href="#">An anchor</a> +</div> +<h1>CSS Buttons</h1> +<button class="ui-button ui-widget ui-corner-all">A button element</button> + +<input class="ui-button ui-widget ui-corner-all" type="submit" value="A submit button"> -<a href="#">An anchor</a> +<a class="ui-button ui-widget ui-corner-all" href="#">An anchor</a> <div class="demo-description"> <p>Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor.</p> +<p>Buttons can be styled via the button widget or by adding the classes yourself. This avoids the JavaScript overhead if you don't need any of the methods provided by the button widget.</p> </div> </body> </html> |