diff --git a/demos/position/cycler.html b/demos/position/cycler.html
index f7e0b13024..af0c00a829 100644
--- a/demos/position/cycler.html
+++ b/demos/position/cycler.html
@@ -4,10 +4,6 @@
 	<meta charset="utf-8">
 	<title>jQuery UI Position - Image Cycler</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/position.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 	<style>
 	body {
@@ -23,8 +19,8 @@
 		position: absolute;
 	}
 	</style>
-	<script>
-	$(function() {
+	<script src="../../external/requirejs/require.js"></script>
+	<script src="../bootstrap.js">
 		function left( element, using ) {
 			element.position({
 				my: "right middle",
@@ -83,7 +79,6 @@
 			center( $( "img:eq(1)" ), animate );
 			right( $( "img:eq(2)" ), animate );
 		});
-	});
 	</script>
 </head>
 <body>
diff --git a/demos/position/default.html b/demos/position/default.html
index 284653c964..1427879804 100644
--- a/demos/position/default.html
+++ b/demos/position/default.html
@@ -4,12 +4,6 @@
 	<meta charset="utf-8">
 	<title>jQuery UI Position - 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/draggable.js"></script>
-	<script src="../../ui/position.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 	<style>
 	#parent {
@@ -41,8 +35,8 @@
 		margin-left: 15px;
 	}
 	</style>
-	<script>
-	$(function() {
+	<script src="../../external/requirejs/require.js"></script>
+	<script src="../bootstrap.js" data-modules="draggable">
 		function position() {
 			$( ".positionable" ).position({
 				of: $( "#parent" ),
@@ -61,7 +55,6 @@
 		});
 
 		position();
-	});
 	</script>
 </head>
 <body>
