2016-07-06 11 views
0

lightboxをダウンロードしてapp/assets/javascriptsに加え、lightbox.cssファイルをapp/assets/stylesheetsに追加しました。これは私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

関連する問題