Skip to content

Commit d1c0e38

Browse files
arschmitzarschmitz
committed
Tabs: Update demos to use AMD
Ref #10119
1 parent 48f31d7 commit d1c0e38

File tree

7 files changed

+14
-54
lines changed

7 files changed

+14
-54
lines changed

‎demos/tabs/ajax.html‎

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,9 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Tabs - Content via Ajax</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/tabs.js"></script>
117
<link rel="stylesheet" href="../demos.css">
12-
<script>
13-
$(function() {
8+
<script src="../../external/requirejs/require.js"></script>
9+
<script src="../bootstrap.js">
1410
$( "#tabs" ).tabs({
1511
beforeLoad: function( event, ui ) {
1612
ui.jqXHR.fail(function() {
@@ -20,7 +16,6 @@
2016
});
2117
}
2218
});
23-
});
2419
</script>
2520
</head>
2621
<body>

‎demos/tabs/collapsible.html‎

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,12 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Tabs - Collapse content</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/tabs.js"></script>
117
<link rel="stylesheet" href="../demos.css">
12-
<script>
13-
$(function() {
8+
<script src="../../external/requirejs/require.js"></script>
9+
<script src="../bootstrap.js">
1410
$( "#tabs" ).tabs({
1511
collapsible: true
1612
});
17-
});
1813
</script>
1914
</head>
2015
<body>

‎demos/tabs/default.html‎

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,10 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Tabs - Default functionality</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/tabs.js"></script>
117
<link rel="stylesheet" href="../demos.css">
12-
<script>
13-
$(function() {
8+
<script src="../../external/requirejs/require.js"></script>
9+
<script src="../bootstrap.js">
1410
$( "#tabs" ).tabs();
15-
});
1611
</script>
1712
</head>
1813
<body>

‎demos/tabs/manipulation.html‎

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,6 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Tabs - Simple manipulation</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/position.js"></script>
9-
<script src="../../ui/core.js"></script>
10-
<script src="../../ui/widget.js"></script>
11-
<script src="../../ui/button.js"></script>
12-
<script src="../../ui/tabs.js"></script>
13-
<script src="../../ui/dialog.js"></script>
147
<link rel="stylesheet" href="../demos.css">
158
<style>
169
#dialog label, #dialog input { display:block; }
@@ -20,8 +13,8 @@
2013
#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
2114
#add_tab { cursor: pointer; }
2215
</style>
23-
<script>
24-
$(function() {
16+
<script src="../../external/requirejs/require.js"></script>
17+
<script src="../bootstrap.js" data-modules="dialog">
2518
var tabTitle = $( "#tab_title" ),
2619
tabContent = $( "#tab_content" ),
2720
tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close' role='presentation'>Remove Tab</span></li>",
@@ -88,7 +81,6 @@
8881
tabs.tabs( "refresh" );
8982
}
9083
});
91-
});
9284
</script>
9385
</head>
9486
<body>

‎demos/tabs/mouseover.html‎

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,12 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Tabs - Open on mouseover</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/tabs.js"></script>
117
<link rel="stylesheet" href="../demos.css">
12-
<script>
13-
$(function() {
8+
<script src="../../external/requirejs/require.js"></script>
9+
<script src="../bootstrap.js">
1410
$( "#tabs" ).tabs({
1511
event: "mouseover"
1612
});
17-
});
1813
</script>
1914
</head>
2015
<body>

‎demos/tabs/sortable.html‎

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,23 +4,16 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Tabs - Sortable</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/mouse.js"></script>
11-
<script src="../../ui/sortable.js"></script>
12-
<script src="../../ui/tabs.js"></script>
137
<link rel="stylesheet" href="../demos.css">
14-
<script>
15-
$(function() {
8+
<script src="../../external/requirejs/require.js"></script>
9+
<script src="../bootstrap.js" data-modules="sortable">
1610
var tabs = $( "#tabs" ).tabs();
1711
tabs.find( ".ui-tabs-nav" ).sortable({
1812
axis: "x",
1913
stop: function() {
2014
tabs.tabs( "refresh" );
2115
}
2216
});
23-
});
2417
</script>
2518
</head>
2619
<body>

‎demos/tabs/vertical.html‎

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,11 @@
44
<meta charset="utf-8">
55
<title>jQuery UI Tabs - Vertical Tabs functionality</title>
66
<link rel="stylesheet" href="../../themes/base/all.css">
7-
<script src="../../external/jquery/jquery.js"></script>
8-
<script src="../../ui/core.js"></script>
9-
<script src="../../ui/widget.js"></script>
10-
<script src="../../ui/tabs.js"></script>
117
<link rel="stylesheet" href="../demos.css">
12-
<script>
13-
$(function() {
8+
<script src="../../external/requirejs/require.js"></script>
9+
<script src="../bootstrap.js">
1410
$( "#tabs" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
1511
$( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
16-
});
1712
</script>
1813
<style>
1914
.ui-tabs-vertical { width: 55em; }

0 commit comments

Comments
 (0)