jqm_3: updated to no CDN files

5f996dea · Sven Franck · b9133cd0 · 5f996dea · 5f996dea · 5f996dea
Commit 5f996dea authored Feb 08, 2013 by Sven Franck
7 changed files
--- a/examples/jqm_2/controller.js
+++ b/examples/jqm_2/controller.js
@@ -24,6 +24,10 @@ define([], function () {
          .each(
            function () {
              // trigger gadget loading
+              RenderJs.bindReady(
+                function () {
+                  $("[data-gadget]").trigger('create');
+                });
            }
          );
        });

--- a/examples/jqm_2/jqm-gadget.html
+++ b/examples/jqm_2/jqm-gadget.html
@@ -5,12 +5,6 @@
    <style type="text/css">
      div.ui-btn {border:2px solid red !important;}
    </style>
-    <script type="text/javascript">
-      // this is problematic, because when this code is run, the widget 
-      // has not initialized, meaning, the input parent div.ui-btn has not
-      // been created yet!
-      $('#but2').closest('div').css("border","2px solid yellow");
-    </script>
  </head>
  <body>
@@ -19,6 +13,11 @@
      <input type="button" id="but2" data-icon="delete" data-iconpos="left" data-theme="e" value="click me 2" />
      <a href="page2.html" data-role="button" data-icon="arrow-l" data-iconpos="left" data-theme="c">Link</a>
    </div>
+    <script type="text/javascript">
+      // this is problematic, because when this code is run, the widget 
+      // has not initialized, meaning, the input parent div.ui-btn has not
+      // been created yet!
+      $('#but2').closest('div').css("border","2px solid yellow");
+    </script>
  </body>
 </html>
--- a/examples/jqm_3/css/jqm.css
+++ b/examples/jqm_3/css/jqm.css
--- a/examples/jqm_3/index.html
+++ b/examples/jqm_3/index.html
@@ -3,7 +3,7 @@
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.css" />
+    <link rel="stylesheet" href="css/jqm.css" />
    <script data-main="js/require-renderjs.js" type="text/javascript" src="../../lib/require/require.js"></script>
    <title>My own example</title>
 </head>

--- a/examples/jqm_3/js/controller.js
+++ b/examples/jqm_3/js/controller.js
@@ -9,6 +9,9 @@ define([], function () {
    require(['overrides', 'jquery', 'jqm', 'jquery.json', 'renderjs'],
      function () {
        console.log("done loading");
+        console.log( $ );
+        console.log( $.mobile );
+        console.log( $.mobile.autoInitializePage );
        // START
        if ($.mobile.autoInitializePage === false) {
          // initialize JQM

--- a/examples/jqm_3/js/jqm.js
+++ b/examples/jqm_3/js/jqm.js
--- a/examples/jqm_3/js/require-renderjs.js
+++ b/examples/jqm_3/js/require-renderjs.js
@@ -8,7 +8,7 @@
        controller:   'controller'
      , overrides:    'overrides'
      , jquery:       '../../../lib/jquery/jquery'
-      , jqm:          'http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min'
+      , jqm:          'jqm'
      , 'jquery.json':'../../../lib/json/jquery.json.min'
      , renderjs:     '../../../renderjs'
    }