Selectable: Update demos to use AMD

arschmitz · arschmitz · commit affed9cc33c5 · 2015-07-01T00:07:04.000-04:00
diff --git a/demos/selectable/default.html b/demos/selectable/default.html
@@ -4,11 +4,6 @@
 	<meta charset="utf-8">
 	<title>jQuery UI Selectable - 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/mouse.js"></script>
-	<script src="../../ui/selectable.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 
 	<style>
@@ -18,10 +13,9 @@
 	#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
 	#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
 	</style>
-	<script>
-	$(function() {
+	<script src="../../external/requirejs/require.js"></script>
+	<script src="../bootstrap.js">
 		$( "#selectable" ).selectable();
-	});
 	</script>
 </head>
 <body>
diff --git a/demos/selectable/display-grid.html b/demos/selectable/display-grid.html
@@ -4,11 +4,6 @@
 	<meta charset="utf-8">
 	<title>jQuery UI Selectable - Display as grid</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/selectable.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 
 	<style>
@@ -18,10 +13,9 @@
 	#selectable { list-style-type: none; margin: 0; padding: 0; width: 450px; }
 	#selectable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 4em; text-align: center; }
 	</style>
-	<script>
-	$(function() {
+	<script src="../../external/requirejs/require.js"></script>
+	<script src="../bootstrap.js">
 		$( "#selectable" ).selectable();
-	});
 	</script>
 </head>
 <body>
diff --git a/demos/selectable/serialize.html b/demos/selectable/serialize.html
@@ -4,11 +4,6 @@
 	<meta charset="utf-8">
 	<title>jQuery UI Selectable - Serialize</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/selectable.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 
 	<style>
@@ -18,8 +13,8 @@
 	#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
 	#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
 	</style>
-	<script>
-	$(function() {
+	<script src="../../external/requirejs/require.js"></script>
+	<script src="../bootstrap.js">
 		$( "#selectable" ).selectable({
 			stop: function() {
 				var result = $( "#select-result" ).empty();
@@ -29,7 +24,6 @@
 				});
 			}
 		});
-	});
 	</script>
 </head>
 <body>
