2016-07-06 4 views
0

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 
+0

어떤 JQuery 버전이 있습니까? –

+0

jquery 버전은 jquery-1.12.1입니다. – JohnnyDevv

+0

pls 모든 솔루션 somebody ??? – JohnnyDevv

답변

2

어쩌면 내가 너무 늦었 어,하지만이 시도 :

이것은 응용 프로그램/업 로더 내 image_uploader.rb 코드 body 태그를 닫기 직전에 'track': 'reload'%>를 실행하십시오. 그것은 같은 문제로 나를 도왔다.

+0

빌어 먹을 늦었지만 고마워! – JohnnyDevv

관련 문제