Position: Update demos to use AMD

Ref #10119
This commit is contained in:
Alexander Schmitz 2015-06-30 19:01:59 -04:00
parent f5eb4eff60
commit febd120d75
2 changed files with 4 additions and 16 deletions

View File

@ -4,10 +4,6 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>jQuery UI Position - Image Cycler</title> <title>jQuery UI Position - Image Cycler</title>
<link rel="stylesheet" href="../../themes/base/all.css"> <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"> <link rel="stylesheet" href="../demos.css">
<style> <style>
body { body {
@ -23,8 +19,8 @@
position: absolute; position: absolute;
} }
</style> </style>
<script> <script src="../../external/requirejs/require.js"></script>
$(function() { <script src="../bootstrap.js">
function left( element, using ) { function left( element, using ) {
element.position({ element.position({
my: "right middle", my: "right middle",
@ -83,7 +79,6 @@
center( $( "img:eq(1)" ), animate ); center( $( "img:eq(1)" ), animate );
right( $( "img:eq(2)" ), animate ); right( $( "img:eq(2)" ), animate );
}); });
});
</script> </script>
</head> </head>
<body> <body>

View File

@ -4,12 +4,6 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>jQuery UI Position - Default functionality</title> <title>jQuery UI Position - Default functionality</title>
<link rel="stylesheet" href="../../themes/base/all.css"> <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"> <link rel="stylesheet" href="../demos.css">
<style> <style>
#parent { #parent {
@ -41,8 +35,8 @@
margin-left: 15px; margin-left: 15px;
} }
</style> </style>
<script> <script src="../../external/requirejs/require.js"></script>
$(function() { <script src="../bootstrap.js" data-modules="draggable">
function position() { function position() {
$( ".positionable" ).position({ $( ".positionable" ).position({
of: $( "#parent" ), of: $( "#parent" ),
@ -61,7 +55,6 @@
}); });
position(); position();
});
</script> </script>
</head> </head>
<body> <body>