我购买了一个bootstrap模板,我一直在尝试将它集成到我的Rails应用程序上。
我在一个无序列表中有一些按钮:
<ul class="filter-nav">
<li class="active"><a data-id="all" href="">All</a></li>
<% @categories.each do |category| %>
<li><a data-id="<%= category.name %>" href=""><%= category.name %></a></li>
<% end %>
</ul>
单击何时对图像进行排序:
<ul class="thumbnails" id="thumbnails">
<table>
<% @designs.each_with_index do |d, i| %>
<% strcategory = Category.find(d.category) %>
<% if i % 4 == 0 %>
<tr>
<% end %>
<td>
<li class="span3" data-id="<%=i+1%>" data-type="<%= strcategory.name %>">
<a href="<%=d.image_url.to_s%>" class="thumbnail">
<img src="<%=d.image_url(:thumb).to_s%>" alt="<%= d.name %>" />
<span class="caption"><i class="icon-plus-sign"></i></span>
</a>
<% if current_user %>
<%= link_to 'edit', edit_design_path(d) %> | <%= link_to 'delete', d, method: :delete, data: { confirm: 'Are you sure?' } %>
<% end %>
</li>
</td>
<% if i % 4 == 3 %>
</tr>
<% end %>
<% end %>
</table>
</ul>
单击按钮时出现此错误:未捕获TypeError:对象[object Object]在photographer.js文件中没有方法'quicksand'(在第一行):
$thumbnails.quicksand($filteredData, {
duration: 800,
easing: 'easeInOutQuad'
}, function() {
Shadowbox.setup("a.thumbnail");
});
$('.filter-nav li').removeClass('active');
$(this).parent().addClass('active');
return false;
});
我在assets / javascripts文件夹中包含jquery.quicksand.js(版本1.2.2)。其他人有一个similar issue,解决方法是删除第二个jQuery副本。我不确定我是否包含第二个jQuery文件,至少我的资产中没有。只是jquery.quicksand.js和jquery.easing.js。好吧,我尝试删除这两个文件,但这并没有解决问题(如果那是我想要做的)。
这里也是我的宝石文件,只是为了记录:
gem 'rails', '4.0.2'
gem 'sqlite3'
gem 'sass-rails', '~> 4.0.0'
gem 'uglifier', '>= 1.3.0'
gem 'coffee-rails', '~> 4.0.0'
gem 'jquery-rails'
gem 'turbolinks'
gem 'jbuilder', '~> 1.2'
gem 'bootstrap-sass', '~> 2.3.2.2'
gem 'devise'
gem 'figaro'
gem 'simple_form'
gem 'carrierwave'
gem 'rmagick'
gem 'thin'
如果您有任何错误或是否需要任何其他信息,请告诉我。感谢您为我的努力。