diff options
Diffstat (limited to 'demos/tabs/manipulation.html')
| -rw-r--r-- | demos/tabs/manipulation.html | 15 |
1 files changed, 7 insertions, 8 deletions
diff --git a/demos/tabs/manipulation.html b/demos/tabs/manipulation.html index 34a73ab4d..1197b20e8 100644 --- a/demos/tabs/manipulation.html +++ b/demos/tabs/manipulation.html @@ -6,6 +6,7 @@ <script type="text/javascript" src="../../jquery-1.3.2.js"></script> <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script> <script type="text/javascript" src="../../ui/jquery.ui.tabs.js"></script> <script type="text/javascript" src="../../ui/jquery.ui.dialog.js"></script> <link type="text/css" href="../demos.css" rel="stylesheet" /> @@ -67,13 +68,11 @@ } // addTab button: just opens the dialog - $('#add_tab').click(function() { - $dialog.dialog('open'); - }).hover(function() { - $(this).addClass("ui-state-hover"); - }, function() { - $(this).removeClass("ui-state-hover"); - }); + $('#add_tab') + .button() + .click(function() { + $dialog.dialog('open'); + }); // close icon: removing the tab on click // note: closable tabs gonna be an option in the future - see http://dev.jqueryui.com/ticket/3924 @@ -99,7 +98,7 @@ </form> </div> - <button id="add_tab" class="ui-button ui-state-default ui-corner-all">Add Tab</button> + <button id="add_tab">Add Tab</button> <div id="tabs"> <ul> |