javascript
  • jquery
  • html
  • handlebars.js
  • fancybox-2
  • 2016-11-24 6 views 0 likes 
    0
    나는 fancybox에 사업부에서 일부 텍스트를로드하기 위해 노력하고있어

    를 사용하여,이, 잘 작동 예를 들어 아이디의이 핸들 바를 사용하여 명명 그러나FancyBox에서 요청한 콘텐츠를로드 할 수 없습니다. 나는 손으로 div의 이름을 때 핸들

    <a class='fancybox' href="#inline">Lightbox</a> 
    <div id='inline' style="display: none;">test</div> 
    

    ,

    <a class='fancybox' href="#{{this}}">Lightbox</a> 
    <div id='{{this}}' style='display: none;'>test</div> 
    

    나는

    오류 얻을 "요청 내용을로드 할 수 없습니다. 나중에 다시 시도하십시오."

    나는 아이디의이 FancyBox

    $(document).ready(function() { 
     
        $(".fancybox").fancybox({ 
     
    \t \t fitToView \t : false, 
     
    \t \t autoSize \t : true, 
     
    \t \t closeClick \t : false, 
     
    \t \t openEffect \t : 'none', 
     
    \t \t closeEffect \t : 'none', 
     
    \t \t type  : 'inline', 
     
    \t }); 
     
    });

    +0

    "Media Ninja"대신 "Media-Ninja"를 사용할 수 있습니까? 두 개의 다른 ID가 있다는 것을 알고 계실 것입니다. –

    +0

    @ S.Gholizadeh는 이름에 대시를 추가하여 완벽하게 작동했습니다. 덕분입니다. 나는 이드에서 공백이 없다는 것을 완전히 잊었다. –

    답변

    0

    따라로드하려면 다음 코드를 사용하여 동일한

    Screenshot from developer tools

    임 것을 볼 수 있습니다 개발자 도구에서 찾고 스크린 샷과 티에

    <a class="fancybox" href="#Media Ninja">...</a> 
    <div id="Media Ninja" style="display: none;"> 
    

    가 있어야한다 : 특정 div 태그를 가리키는 하나 개의 특정 ID로 아이디 변수를 확인해야합니다 의미

    <a class="fancybox" href="#Media-Ninja">...</a> 
    <div id="Media-Ninja" style="display: none;"> 
    

    의 문제를 해결.

     관련 문제

    • 관련 문제 없음^_^