未捕获的TypeError:对象[object Object]没有方法'quicksand'

时间:2014-02-16 13:51:12

标签: javascript jquery ruby-on-rails quicksand

我购买了一个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'

如果您有任何错误或是否需要任何其他信息,请告诉我。感谢您为我的努力。

0 个答案:

没有答案