paperclipとfancyboxの宝石の問題

Question

私はペーパークリップ付きのレールアプリでFancybox Gemを使用しようとしています。

サムネイルと画像リンク：私application.jsで宝石の指示によって追加

<div class="fancybox"> <%=link_to image_tag (image.url(:small)), image.url(:large) %></div> 

jQueryのファイル：controller_name.js私はどのように

$(document).ready(function() { 
    $("a.fancybox").fancybox(); 
}); 

で

//= require jquery 
//= require fancybox 

リンクにFancyboxを使用し、画像に行かないでください。

助けがあれば助かります。

Answer 1

私はここで問題を見ることができます。 facyboxクラスを持つすべてのリンクに対してfacyboxを初期化していますが、そのクラスをdivに適用しています。リンクにfancyboxクラスを適用するようにあなたのhtmlコードを書き換えることができます：あなたはここに述べたように

<div > 
<%=link_to(image_tag (image.url(:small)), image.url(:large),:class=>"fancybox") %> 
</div> 

は同じあなたのjavascriptのコードを保持します。

Answer 2

がうまくいけば、これはここで...将来的に検索の数分を誰かを助け、あなたのリンクが

<%=link_to image_tag(pic.avatar.url(:thumb)),pic.avatar.url(:original), class:"fancybox" %> 

をどのように見えるべきかであり、あなたもあなたのApplication.css/.scss