PhotoSwipe，Rails，咖啡根本不起作用

Question

无法理解为什么当我尝试将 PhotoSwipe 添加到 Rails 项目时 PhotoSwipe 不显示任何内容

使用了这个 gem：https://github.com/skakri/photoswipe-rails
逐步转载手册：https://photoswipe.com/documentation/getting-started.html#init-add-pswp-to-dom
编写了 'click' 处理程序但它什么也没显示

我写的代码：

<body>
  <!-- some Rails and other stuff -->
  <%= render 'shared/photoswipe' %> 
</body>

shared/_photoswipe.html.erb 包含来自 2) div class="pswp" 的完整副本隐形div成功添加到页面末尾

在点击处理程序上为 PhotoSwipe 初始化添加了一些咖啡代码

$ ->
  $PhotoContainer = $('#MainPhoto')
  $PhotoContainer.click ->
    $pswpElement = document.querySelectorAll('.pswp')[0]
    $items = []
    $('.photo-item').each ->
      $Img = $(@)
      $items.push( { src: getUrlFromImg($Img).bigImgUrl, w: 1000, h: 1000 } )

    $options = {
      history: false,
      focus: false,
      index: 0
    }
    $gallery = new PhotoSwipe( $pswpElement, PhotoSwipeUI_Default, $items, $options)
    $gallery.init()

当我点击触发的 #MainPhoto 容器事件时，$items 数组正确地按图像 URL 和大小填充并调用 PhotoSwipe init() 函数，但屏幕上没有任何显示

Answer 1

gem写错了应该添加

@import "photoswipe/index";
@import "photoswipe/photoswipe";
@import "photoswipe/default-skin/default-skin";

进入application.scss

PhotoSwipe，Rails，咖啡根本不起作用

PhotoSwipe, Rails, Coffee doesn't work at all

ruby-on-rails

coffeescript

photoswipe