Vô hiệu hóa fancyBox 2 khỏi đóng khi nhấp vào nền

Question

Trong fancyBox 2, có khóa/giá trị tôi có thể đặt để tắt hộp đèn khi người dùng nhấp vào nền (nền đen nửa trong suốt) không?

Tôi chỉ muốn cung cấp cho họ tùy chọn để nhấp vào nút đóng (X) thực tế ở góc trên cùng bên phải.

Bất kỳ ý tưởng nào?

Cảm ơn.

Answer 1

Để sử dụng phiên bản 2.x

$(".fancybox").fancybox({ 
    closeClick : false, // prevents closing when clicking INSIDE fancybox 
    helpers  : { 
     overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox 
    } 
}); 

nếu closeClick được thiết lập để true (mặc định) Fancybox sẽ đóng cửa nếu nhấn trên nội dung như vậy với hai tùy chọn kết hợp này, cách duy nhất để đóng fancybox là với nút close (X)

Answer 2

thử này hãy adduser được mục tiêu của tôi selector

$('.adduser').fancybox({ 
'hideOnOverlayClick': false 
}); 

Answer 3

Theo Fancybox site API bạn có thể/nên sử dụng

$.fancybox({ 
    ... 
    'hideOnOverlayClick' : false, 
    ... 
}); 

Answer 4

Để ngăn chặn gần sử dụng Nút:

defaults: { closeBtn : false,} 

Để ngăn chặn lớp phủ gần - sử dụng:

F.helpers.overlay = { 
     defaults : {closeClick : false,  // if true, fancyBox will be closed when user clicks on the overlay }} 

Để ngăn chặn thoát nhấp vào đóng:

defaults: {keys : {//close : [27], // escape key 
       close : null, } } 

Answer 5

này sẽ vô hiệu hóa Fancybox đóng cửa khi nhấp vào lớp phủ (nền bán trong suốt)

fancyEls.fancybox({ 
     helpers : { 
      overlay : { 
       closeClick: false 
      } // prevents closing when clicking OUTSIDE fancybox 
     } 
    }); 

này sẽ vô hiệu hóa tất cả các phương pháp mặc định nhấp chuột đóng Fancybox

fancyEls.fancybox({ 
     closeBtn : false, 
     closeClick : false, 
     helpers : { 
      overlay : { 
       closeClick: false 
      } // prevents closing when clicking OUTSIDE fancybox 
     }, 
     keys : { 
      close: null 
     } // prevents close when clicking escape button 
    }); 

Và điều này sẽ làm cũng như tắt chức năng trình chiếu

fancyEls.fancybox({ 
     modal : true //If set to true, will disable navigation and closing 
    });