jqm_3: fixed gadget rendering on subsequent pages

examples/jqm_3/js/controller.js

@@ -8,26 +8,31 @@ define([], function () {
   var start = 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
-          $.mobile.initializePage();
-          console.log("init JQM");
-          // initialize renderJS
+
+        $(document).on('pagebeforeshow','div:jqmData(role="page")', function () {
+
+          // renderJS handler
           RenderJs.init();
- 
-          // when all gadgets are loaded make sure JQM renders them
           RenderJs.bindReady(
             function () {
-              console.log("bindReady called, trigger create");
-              $("[data-gadget]").trigger('create');
-            });
+              $("[data-gadget]").filter(
+                function() {
+                  return $(this).jqmData("bound") !== true;
+                }
+              ).each(
+                function () {
+                  $(this).jqmData("bound",true).trigger('create');
+                }
+              )
+            }
+          );
+        });
+
+        // initialize JQM
+        if ($.mobile.autoInitializePage === false) {
+          $.mobile.initializePage();
         }
       });
   };
   return {"start": start};
-});
+});
\ No newline at end of file