]> source.dussan.org Git - jquery-ui.git/commitdiff
projects / jquery-ui.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 48f31d7)
Tabs: Update demos to use AMD
authorAlexander Schmitz <arschmitz@gmail.com>
Wed, 1 Jul 2015 03:45:49 +0000 (23:45 -0400)
committerAlexander Schmitz <arschmitz@gmail.com>
Tue, 21 Jul 2015 15:00:42 +0000 (11:00 -0400)
Ref #10119

demos/tabs/ajax.html patch | blob | history
demos/tabs/collapsible.html patch | blob | history
demos/tabs/default.html patch | blob | history
demos/tabs/manipulation.html patch | blob | history
demos/tabs/mouseover.html patch | blob | history
demos/tabs/sortable.html patch | blob | history
demos/tabs/vertical.html patch | blob | history

diff --git a/demos/tabs/ajax.html b/demos/tabs/ajax.html
index 7a486fc9635e1459031c831b9b32be959a46e6f3..c8a247e6635e6850514216da4e6679bf1b078880 100644 (file)
--- a/demos/tabs/ajax.html
+++ b/demos/tabs/ajax.html
@@ -4,13 +4,9 @@
        <meta charset="utf-8">
        <title>jQuery UI Tabs - Content via Ajax</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/tabs.js"></script>
        <link rel="stylesheet" href="../demos.css">
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js">
                $( "#tabs" ).tabs({
                        beforeLoad: function( event, ui ) {
                                ui.jqXHR.fail(function() {
@@ -20,7 +16,6 @@
                                });
                        }
                });
-       });
        </script>
 </head>
 <body>
diff --git a/demos/tabs/collapsible.html b/demos/tabs/collapsible.html
index dcb79954e1296f97f041d4615abc2e9886bb9938..d1e3861a808ce8ace491b889052763f24c227837 100644 (file)
--- a/demos/tabs/collapsible.html
+++ b/demos/tabs/collapsible.html
@@ -4,17 +4,12 @@
        <meta charset="utf-8">
        <title>jQuery UI Tabs - Collapse content</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/tabs.js"></script>
        <link rel="stylesheet" href="../demos.css">
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js">
                $( "#tabs" ).tabs({
                        collapsible: true
                });
-       });
        </script>
 </head>
 <body>
diff --git a/demos/tabs/default.html b/demos/tabs/default.html
index 966a1057fe06ff52b835cec50340a96f217c7502..c68e0afa646fe144dd66371fde06f9d71de25bd5 100644 (file)
--- a/demos/tabs/default.html
+++ b/demos/tabs/default.html
@@ -4,15 +4,10 @@
        <meta charset="utf-8">
        <title>jQuery UI Tabs - 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/tabs.js"></script>
        <link rel="stylesheet" href="../demos.css">
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js">
                $( "#tabs" ).tabs();
-       });
        </script>
 </head>
 <body>
diff --git a/demos/tabs/manipulation.html b/demos/tabs/manipulation.html
index f7202ee48be17bce86d68d6f9f309dcdd2360e4c..bb4bb34c7cad7ceb55a646902f6a2bac63d8157a 100644 (file)
--- a/demos/tabs/manipulation.html
+++ b/demos/tabs/manipulation.html
@@ -4,13 +4,6 @@
        <meta charset="utf-8">
        <title>jQuery UI Tabs - Simple manipulation</title>
        <link rel="stylesheet" href="../../themes/base/all.css">
-       <script src="../../external/jquery/jquery.js"></script>
-       <script src="../../ui/position.js"></script>
-       <script src="../../ui/core.js"></script>
-       <script src="../../ui/widget.js"></script>
-       <script src="../../ui/button.js"></script>
-       <script src="../../ui/tabs.js"></script>
-       <script src="../../ui/dialog.js"></script>
        <link rel="stylesheet" href="../demos.css">
        <style>
        #dialog label, #dialog input { display:block; }
@@ -20,8 +13,8 @@
        #tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
        #add_tab { cursor: pointer; }
        </style>
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js" data-modules="dialog">
                var tabTitle = $( "#tab_title" ),
                        tabContent = $( "#tab_content" ),
                        tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close' role='presentation'>Remove Tab</span></li>",
@@ -88,7 +81,6 @@
                                tabs.tabs( "refresh" );
                        }
                });
-       });
        </script>
 </head>
 <body>
diff --git a/demos/tabs/mouseover.html b/demos/tabs/mouseover.html
index 6fb316114e091238d591f90c967c9939b2fe862a..2a356d109f066d65f36f7259456cbf25edf82ea9 100644 (file)
--- a/demos/tabs/mouseover.html
+++ b/demos/tabs/mouseover.html
@@ -4,17 +4,12 @@
        <meta charset="utf-8">
        <title>jQuery UI Tabs - Open on mouseover</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/tabs.js"></script>
        <link rel="stylesheet" href="../demos.css">
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js">
                $( "#tabs" ).tabs({
                        event: "mouseover"
                });
-       });
        </script>
 </head>
 <body>
diff --git a/demos/tabs/sortable.html b/demos/tabs/sortable.html
index 1bc865aa05122dc2c76dba3143b7fe97bba9e428..7c4a05b60978c855fa54c96a556e3f08d3084de7 100644 (file)
--- a/demos/tabs/sortable.html
+++ b/demos/tabs/sortable.html
@@ -4,15 +4,9 @@
        <meta charset="utf-8">
        <title>jQuery UI Tabs - Sortable</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/mouse.js"></script>
-       <script src="../../ui/sortable.js"></script>
-       <script src="../../ui/tabs.js"></script>
        <link rel="stylesheet" href="../demos.css">
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js" data-modules="sortable">
                var tabs = $( "#tabs" ).tabs();
                tabs.find( ".ui-tabs-nav" ).sortable({
                        axis: "x",
@@ -20,7 +14,6 @@
                                tabs.tabs( "refresh" );
                        }
                });
-       });
        </script>
 </head>
 <body>
diff --git a/demos/tabs/vertical.html b/demos/tabs/vertical.html
index 98f2ba3b420f3ab7d10bf9deb6c5c3e524dfd9f9..00e16eafc7bb8c9a59dca39377bb496a9fad0520 100644 (file)
--- a/demos/tabs/vertical.html
+++ b/demos/tabs/vertical.html
@@ -4,16 +4,11 @@
        <meta charset="utf-8">
        <title>jQuery UI Tabs - Vertical Tabs 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/tabs.js"></script>
        <link rel="stylesheet" href="../demos.css">
-       <script>
-       $(function() {
+       <script src="../../external/requirejs/require.js"></script>
+       <script src="../bootstrap.js">
                $( "#tabs" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
                $( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
-       });
        </script>
        <style>
        .ui-tabs-vertical { width: 55em; }
The official jQuery user interface library: https://github.com/jquery/jquery-ui