jquery - 石工附加ajax

Question

我在我的 rails 3.2 应用程序中使用砖石我的 index.html 上有这些代码

 <div id="imageall">
<div id="albums" class="relative">
 <%=render :partial=>"images/images",:locals=>{:images=>@images}%>

 </div>

<div id="append_and_paginate" class="span7 wmzero" >
<%=paginate @images%>
 </div>

 </div>

<script >

   if ($('#imageall .pagination').length) {
   $('#imageall #append_and_paginate').prepend(' <div class="loadmore"><a id="append_more_results" href="javascript:void(0);">load more photos</a></div>');
 $('#imageall #append_more_results').click(function() {
  var url;
  url = $(' #imageall .pagination .next_page a').attr('href');
  if (url) {
    $('#imageall .pagination').html('<div class="span7 wmzero loady"> <%=image_tag("loady.gif")%>   </div>');

     $.getScript(url);
  }
   });
 }
 </script>

在我的 index.js erb 上，我正在使用这些代码

 $("#albums").append("<%= escape_javascript(render :partial=>"images/images",:locals=>{:images=>@images}) %>").masonry({  itemSelector: '.item'});
 <% if (@images.current_page < @images.num_pages) %>
    $('.pagination').replaceWith('<%= j paginate(@images) %>');
 <% else %>
       $('#append_and_paginate').replaceWith(' <div class="nomore">No more photos</div>');
<% end %>

砌体工作良好，直到我尝试加载更多图像它不起作用

Answer 1

我在这里找到了解决方案 https://github.com/desandro/masonry/issues/374

var imgs=' <%= escape_javascript(render :partial=>"images/images",:locals=>{:images=>@images}) %>';

var images = jQuery(imgs).filter('div').masonry();