Fancybox 팝업 닫기 버튼이 보이지 않음

Question

닫기 버튼이 내 뉴스 레터 팝업 상자에 나타나지 않는 이유는 무엇입니까?

많은 감사

<script type="text/javascript"> 
function openFancybox() { 
    setTimeout(function() { 
     $.fancybox('#newsletterpopup', { 
      modal: true, // this prevents fancybox to close unless close unless ".non-merci" is clicked 
      showCloseButton: true, 
      helpers: { 
       overlay: { 
        css: { 
         'background': 'rgba(58, 42, 45, 0.3)' 
        } 
       } 
      }, 
      afterShow: function() { 
       // enables a way to close fancybox 
       $(".non-merci").on("click", function() { 
        $.fancybox.close() 
       }); 
      } 
     }); 
    }, 1000); 
}; 
$(document).ready(function() { 
    var visited = $.cookie('visited'); 
    if (visited == 'yes') { 
     return false; 
    } else { 
     openFancybox(); 
    } 
    $.cookie('visited', 'yes', { 
     expires: 0.0001 
    }); 
}); 
</script> 

Answer 1

대신 1.10에 상관없이 closeBtn이 true로 설정되어

modal: true 

이 NEVER가 닫기 버튼을 표시됩니다 설정할 때.

당신 중 하나 modal 옵션을 제거 (기본값은 false 인) 또는 showCloseButton이 fancybox의 v1.3.x.에 대한 옵션입니다 false

공지 사항로 설정

Answer 2

한번에 사용하기 :

closeBtn:'<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>' 대신 showCloseButton.

그리고 jQuery를 버전 1.8 이하를 사용하려고은

Answer 3

사용하는 도구에 따라 다릅니다. gulp를 사용하면 파일 (fancybox_sprite.png)이 있음을 알았지 만 경로가 잘못 될 수 있습니다. 특히 꿀꺽 꿀꺽 거리는 소리를 사용하여 컴파일하는 경우 특히 그렇습니다. 때때로 그들은 잘못 배치 될 수 있습니다. 클라우드에서 이미지를 호스팅하거나 파일 경로를 수정하십시오.

희망이 도움이됩니다. 또한 실제로 올바른 설정을 가지고 있는지 확인하려면 inspector를 사용하여 .fancybox-close 클래스가 있는지 확인할 수 있습니다. 그것이 있으면 png 파일을 가리키는 경로가 아니라는 것을 의미합니다.