lightbox를 다운로드하여 app/assets/javascripts에 lightbox.js 파일을 추가하고 app/assets/stylesheets에 lightbox.css 파일을 추가했습니다. 이건 내 application.js 코드 :lightbox2가 레일에서 작동하지 않습니다 4
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require lightbox
//= require_tree .
이 내 application.css.scss 코드 :
@import "bootstrap-sprockets";
@import "bootstrap";
@import "lightbox";
@import "main";
내가 그 다음, 이전,로드를 이동, 그리고 레일 애플 리케이션의 공개/이미지에 가까운 이미지. 이미지 업로드에는 MiniMagick과 CarrierWave를 사용했습니다. 이미지가 성공적으로 업로드되지만 이미지를 클릭하면 라이트 박스 효과가 적용되지 않습니다. 나가 얻는 모두는 심상의 확대 된 엄지 손톱이다. <퍼센트 = javascript_include_tag '응용 프로그램', '데이터 turbolinks-를 넣어 :
class ImageUploader < CarrierWave::Uploader::Base
include CarrierWave::MiniMagick
storage :file
def store_dir
"uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
end
version :thumb do
process :resize_to_limit => [350, 260]
end
def extension_white_list
%w(jpg jpeg gif png)
end
end
어떤 JQuery 버전이 있습니까? –
jquery 버전은 jquery-1.12.1입니다. – JohnnyDevv
pls 모든 솔루션 somebody ??? – JohnnyDevv