Javascript fancybox2在除chrome之外的所有产品中都存在问题

我的js没有控制台错误。我已经检查过，以确保我没有包括fancybox两次对其他人的错误。没有什么。Chrome可以很好地工作，但图像确实是片状的——大多数时候它们会弹出，并立即缩小到很小，并且没有灯箱覆盖。基本上流行音乐很管用，但所有的定位和风格都消失了

在此处查看：

JS:

我在《咖啡脚本》中的原创作品：

$(document).ready ->
  $(document).foundation()
  $(".fancybox").fancybox
    beforeShow: ->
      $(".fancybox-skin").addClass("#{$(@element).data("sold")}")
      @title =
        $(@element).data("title") + " (" +
        $(@element).data("year") + ")" + " - " +
        $(@element).data("dimensions")

我的RAILS视图：

  <div class="gallery-container">
    <% @current_published.each do |painting| %>
        <%= content_tag :div, class: "gallery-pic", role: "gallery-pic" do %>
          <a
            role=fancybox
            data-title= '<%= painting.title %>'
            data-year= '<%= painting.year %>'
            data-dimensions= '<%= painting.dimensions %>'
            data-sold= '<%= painting.sold? ? "sold" : "unsold" %>'
            rel="gallery"
            class='<%= painting.sold? ? "fancybox sold" : "fancybox unsold" %>'
            href="<%= painting.image_file_name_url(:large) %>" >
            <%= image_tag painting.image_file_name_url(:thumb), role: "painting-modal" %>
          </a>
        <% end %>
    <% end %>
  </div>
<% else %>
  <p>No Paintings</p>
<% end %>

没有画

它在Chrome中也不起作用（至少在我这边）。。。问题是没有一个fancybox css样式被识别（是否包含fancybox css文件？）。非常感谢。资产管道把我的css和图像搞得一团糟。

  <div class="gallery-container">
    <% @current_published.each do |painting| %>
        <%= content_tag :div, class: "gallery-pic", role: "gallery-pic" do %>
          <a
            role=fancybox
            data-title= '<%= painting.title %>'
            data-year= '<%= painting.year %>'
            data-dimensions= '<%= painting.dimensions %>'
            data-sold= '<%= painting.sold? ? "sold" : "unsold" %>'
            rel="gallery"
            class='<%= painting.sold? ? "fancybox sold" : "fancybox unsold" %>'
            href="<%= painting.image_file_name_url(:large) %>" >
            <%= image_tag painting.image_file_name_url(:thumb), role: "painting-modal" %>
          </a>
        <% end %>
    <% end %>
  </div>
<% else %>
  <p>No Paintings</p>
<% end %>