jquery fancybox 2.0.3 - ngăn chặn đóng trên nhấp chuột bên ngoài của fancybox

Question

Tôi đang sử dụng phiên bản jquery fancybox 2.0.3. Tôi muốn ngăn chặn đóng trên nhấp chuột bên ngoài của fancybox. Tôi muốn buộc người dùng nhấp vào nút chéo. Tôi đã thử

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

nhưng điều này dường như không hoạt động trong phiên bản mới của fancybox. Tôi đã đề cập vào liên kết

jquery fancybox - prevent close on click outside of fancybox

nhưng các giải pháp này không có vẻ làm việc trong Fancybox 2.0.3

Answer 1

Sử dụng tùy chọn này:

helpers : { 
    overlay : {closeClick: false} 
} 

nên kịch bản cuối cùng của bạn sẽ trông như thế :

$(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 và hideOnContentClick là các tùy chọn cho Fancybox v1.3.x

Answer 2

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