Fancybox는 새 창을 엽니 다

Question

그래서 내가 사용하고이 레일 보석 :

Fancybox 로컬하지만 준비 및 생산에 완벽하게 작동보기에 프론트 엔드에 대한 BackboneJS 및 인스턴스 fancybox를 사용 https://github.com/kyparn/fancybox2-rails

• , 이미지는 새 창에서 열렸습니다. 크롬 콘솔을 확인하고 fancybox가 있는지 확인했습니다.

  이 문제를 해결하는 방법에 대한 자세한 내용은/디버깅을 참조하십시오.

  이것은 내가 이미지 설정이 방법은 다음과 같습니다.

  <a class="fancybox-image" data-fancybox="image" href="image_url"> 
      <img src="image_url" data-js="activate-img-modal"> 
      </a> 
  

  나는 각 이미지에있는 백본보기에 fancybox 설정을 인스턴스화하고이 함수는보기의 호출됩니다

  setupFancyBox: function() { 
      var options = { 
       helpers: { 
       overlay: { 
        locked: false 
       } 
       } 
       }; 
       this.$("[data-fancybox='image']").fancybox(options); 
      } 
  

  • 렌더링 방법.

Answer 1

그래서 로컬과 같이 내 이미지에 대한 확장 (.JPG/.PNG)이 있었다 :

<a class="fancybox-image" data-fancybox="image" href="path/to/image1.png"> 
    <img src="path/to/image1.png" data-js="activate-img-modal"> 
</a> 

그러나 생산에 이/어떤 이미지 확장이 없었다 살고 :

<a class="fancybox-image" data-fancybox="image" href="path/to/image1."> 
    <img src="path/to/image1." data-js="activate-img-modal"> 
</a> 

가 확장 누락, 나를 위해 작동하지 fancybox를 일으켰습니다.

수정은 (Fancybox urls without .jpg opens not in box) 여기에서 가져온 것입니다 :

$(".fancybox").fancybox({ 
    type: 'image' 
    }); 

Answer 2

자바 스크립트 콘솔을 확인하십시오. 자바 스크립트 오류가 표시되면 자바 스크립트 코드 실행을 차단할 수 있습니다. 다음 단계를 간단하게 (물론 자신의 선택 사용)이 코드를 실행, 콘솔에서 fancybox를 초기화하려고

$("a.fancybox").fancybox();