Selectable: Update demos to use AMD

Ref #10119
This commit is contained in:
Alexander Schmitz 2015-06-30 22:17:29 -04:00
parent 4ea6f8f0b4
commit 91ee61e780
3 changed files with 6 additions and 24 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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>