Commit 02b48871

mo khan <mo@mokhan.ca>
2014-01-04 23:48:55
fix page loads.
1 parent 13d9520
app/views/creation_tags/show.html.erb
@@ -1,12 +1,14 @@
 <% provide(:title, "#{@tag}") -%>
 <% content_for :javascript do -%>
 <script type="text/javascript">  
-  $(function(){
+  var ready = function(){ 
     var container = $('#creations-div');
     container.imagesLoaded(function(){
       container.masonry({ itemSelector : '.span4', isResizable: true });
     });
-  });
+  };
+  $(document).ready(ready);
+  $(document).on('page:load', ready);
 </script>
 <% end -%>
 <div class="row">
app/views/creations/_form.html.erb
@@ -5,9 +5,8 @@
       $('.tooltip-item').tooltip();
       $('#tags').tagit({ availableTags: all_tags });
     };
-
-    $(function(){ loadTags(); });
-    document.addEventListener("page:load", function() { loadTags(); });
+    $(document).ready(loadTags);
+    $(document).on('page:load', loadTags);
   </script>
 <% end %>
 <%= form_for(@creation, :html => {:multipart => true, :class => "form-horizontal"}) do |f| %>
app/views/creations/index.html.erb
@@ -1,8 +1,9 @@
 <% provide(:description, "CakeSide is a free site to share your cake creations and ideas with other cake fanatics like yourself") -%>
 <% content_for :javascript do -%>
 <script type="text/javascript">
-  $(function(){ new Masonry('#creations-div').load(); });
-  document.addEventListener("page:load", function() { new Masonry('#creations-div').load(); });
+  var ready = function(){ new Masonry('#creations-div').load(); };
+  $(document).ready(ready);
+  $(document).on('page:load', ready);
 </script>
 <% end -%>
 <% unless user_signed_in?  -%>
app/views/creations/show.html.erb
@@ -2,9 +2,9 @@
 <% provide(:description, "#{@creation.story}") -%>
 <% content_for :javascript do %>
 <script type="text/javascript">
-$(function() { 
-  Creations.Show.initialize(); 
-});
+  var ready = function(){ Creations.Show.initialize(); };
+  $(document).ready(ready);
+  $(document).on('page:load', ready);
 </script>
 <% end -%>
 <% if @creation.user == current_user %>
app/views/settings/index.html.erb
@@ -1,9 +1,9 @@
 <% provide(:title, "My Settings") -%>
 <% content_for :javascript do %>
 <script type="text/javascript" charset="utf-8">
-$(function(){ 
-  DeviseUsers.Edit.initialize(jQuery); 
-});
+  var ready = function(){ DeviseUsers.Edit.initialize(jQuery); };
+  $(document).ready(ready);
+  $(document).on('page:load', ready);
 </script>
 <% end %>
 
app/views/tutorial_tags/show.html.erb
@@ -1,12 +1,14 @@
 <% provide(:title, "#{@tag}") -%>
 <% content_for :javascript do -%>
 <script type="text/javascript">  
-  $(function(){
+  var ready = function(){ 
     var container = $('#tutorials-div');
     container.imagesLoaded(function(){
       container.masonry({ itemSelector : '.span4', isResizable: true });
     });
-  });
+  };
+  $(document).ready(ready);
+  $(document).on('page:load', ready);
 </script>
 <% end -%>
 <div class="row">
app/views/tutorials/_form.html.erb
@@ -1,9 +1,13 @@
 <% content_for :javascript do %>
 <script type="text/javascript" charset="utf-8">
 $(function(){
-  new TutorialForm().initialize($);
-  var all_tags = [ <% ActsAsTaggableOn::Tag.all.map(&:name).each { |item| %> '<%= item %>', <% } %> ];
-  $('#tags').tagit({ availableTags: all_tags });
+  var ready = function(){ 
+    new TutorialForm().initialize($);
+    var all_tags = [ <% ActsAsTaggableOn::Tag.all.map(&:name).each { |item| %> '<%= item %>', <% } %> ];
+    $('#tags').tagit({ availableTags: all_tags });
+  };
+  $(document).ready(ready);
+  $(document).on('page:load', ready);
 });
 </script>
 <% end %>
app/views/tutorials/index.html.erb
@@ -1,8 +1,9 @@
 <% provide(:description, "The latest tutorials") -%>
 <% content_for :javascript do -%>
 <script type="text/javascript">  
-  $(function(){ new Masonry('#tutorials-div').load(); });
-  document.addEventListener("page:load", function() { new Masonry('#tutorials-div').load(); });
+  var ready = function(){ new Masonry('#tutorials-div').load(); };
+  $(document).ready(ready);
+  $(document).on('page:load', ready);
 </script>
 <% end -%>
 <div id="tutorials-div" class="row">