클립 및 fancybox gem 문제

Question

클립 클립이있는 레일 앱에서 Fancybox Gem을 사용하려고합니다.

미리보기 및 이미지 링크 : 내 application.js에 보석 지침을 통해 추가

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

jQuery를 파일 : controller_name.js에서

//= require jquery 
//= require fancybox 

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

어떻게 할 Fancybox를 사용하고 이미지로 이동하지 않고 링크를 만드시겠습니까?

도움이 될 것입니다.

Answer 1

여기서 문제를 볼 수 있습니다. facybox 클래스를 가지고 있지만 div에 클래스를 적용한 모든 링크에 대해 facybox를 초기화하고 있습니다.

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

을 여기에 언급 한 바와 같은 자바 스크립트 코드를 유지 : 링크에 fancybox 클래스를 적용하기로 당신은 당신의 html 코드를 다시 작성할 수 있습니다.

Answer 2

는 희망이 여기에 ... 미래 검색의 몇 분 누군가를하는 데 도움이 귀하의 링크가

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

을 보는 방법입니다 그리고 당신은 또한 당신의 Application.css/.scss