복붙노트

[JQUERY] jQuery FancyBox 2.0.3 - Close on FancyBox 외부에서 닫기 방지

JQUERY

jQuery FancyBox 2.0.3 - Close on FancyBox 외부에서 닫기 방지

해결법


  1. 1.이 옵션을 사용하십시오.

    이 옵션을 사용하십시오.

    helpers : { 
      overlay : {closeClick: false}
    }
    

    따라서 마지막 스크립트는 다음과 같아야합니다.

    $(document).ready(function() {
     $(".various").fancybox({
      closeClick  : false, // prevents closing when clicking INSIDE fancybox 
      openEffect  : 'none',
      closeEffect : 'none',
      helpers   : { 
       overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox 
      }
     }).trigger("click");
    });
    

    hideonoverlayclick 및 hideoncontentclick fancybox v1.3.x 옵션입니다


  2. 2.영업이 흥미로운 팬티 2.0에 대해 질문했지만 답변을 찾고 FancyBox 3.0+를 사용하고있는 경우 다음을 수행 할 수 있습니다.

    영업이 흥미로운 팬티 2.0에 대해 질문했지만 답변을 찾고 FancyBox 3.0+를 사용하고있는 경우 다음을 수행 할 수 있습니다.

    $('.various').fancybox({
        clickSlide: false, // disable close on outside click
        touch: false // disable close on swipe
    });
    

    SmallBTN과 도구 모음을 옵션 배열에 추가하고 두 가지 모두 false로 설정하여 닫기 버튼을 완전히 비활성화 할 수도 있습니다.

    FancyBox 3.5.7로 테스트되었습니다.


  3. 3.

    $(document).ready(function() {
        $("#popup").fancybox({
            closeClick  : false,
            openEffect  : 'none',
            closeEffect : 'none',
            helpers   : { 
                overlay : {
                    closeClick: false,
                }
            }
        }).trigger("click");
    });
    

  4. 4.Vennik에서 솔루션 사용 - jsfiddle.net/5ev8r/425.

    Vennik에서 솔루션 사용 - jsfiddle.net/5ev8r/425.

    외부를 방지하려는 경우.

    예를 들어 사용하십시오.

    $(".fancybox_pdf").fancybox({
          helpers : { 
          overlay : {closeClick: false}
          },
          autoSize: false,
    
            afterShow: function() {
                $(".fancybox-close").click(function(e) {
                    e.preventDefault();
                    last.click();
                });
            }
        });
    
  5. from https://stackoverflow.com/questions/8400433/jquery-fancybox-2-0-3-prevent-close-on-click-outside-of-fancybox by cc-by-sa and MIT license