<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 {
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",
center( $( "img:eq(1)" ), animate );
right( $( "img:eq(2)" ), animate );
});
- });
</script>
</head>
<body>
<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 {
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" ),
});
position();
- });
</script>
</head>
<body>