]> source.dussan.org Git - jquery-ui.git/commitdiff
projects / jquery-ui.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 4ea6f8f)
Selectable: Update demos to use AMD
authorAlexander Schmitz <arschmitz@gmail.com>
Wed, 1 Jul 2015 02:17:29 +0000 (22:17 -0400)
committerAlexander Schmitz <arschmitz@gmail.com>
Tue, 21 Jul 2015 15:00:41 +0000 (11:00 -0400)
Ref #10119

demos/selectable/default.html patch | blob | history
demos/selectable/display-grid.html patch | blob | history
demos/selectable/serialize.html patch | blob | history

diff --git a/demos/selectable/default.html b/demos/selectable/default.html
index 6b72bda75a465402183d6dbafbd9aa470a26a66a..d71b25ff9cb9de96822b1272b8c6bc20ad51dae5 100644 (file)
--- 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
index 27babbf6ab45b52490677eeeb0297378ca58dbad..f561673ed34ee79ef04a3664fbd530ac96defbb0 100644 (file)
--- 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
index 82391b9e751332d8457a5d60f5e83196f7a26ec9..9acd37fd5b9e0769da8355f1ce6f6bf56e14f582 100644 (file)
--- 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>
The official jQuery user interface library: https://github.com/jquery/jquery-ui