Search code examples
jqueryfancybox

jquery fancybox 2.0.3 - prevent close on click outside of fancybox


I am using jquery fancybox version 2.0.3. I want to prevent close on click outside of fancybox. I want to force user to click the cross button. I have tried

$(document).ready(function() {
    $(".various").fancybox({
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none',
        hideOnOverlayClick:false,
        hideOnContentClick:false
    }).trigger("click");
});

but this doesn't seems to work in new version of fancybox. I had referred the link

jquery fancybox - prevent close on click outside of fancybox

but these solutions doesn't seems to work in fancybox 2.0.3


Solution

  • Use this option:

    helpers : { 
      overlay : {closeClick: false}
    }
    

    so your final script should look like:

    $(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 and hideOnContentClick are options for Fancybox v1.3.x