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
あなたはどのバージョンのJQueryを持っていますか? –
jqueryのバージョンはjquery-1.12.1です。 – JohnnyDevv
pls任意のソリューションsomebody ??? – JohnnyDevv