jquery fancybox - fancybox

Question

के बाहर क्लिक पर बंद करें को रोकें मैं अपने मोडल विंडोज़ के लिए Fancybox प्लगइन का उपयोग कर रहा हूं। ऐसा लगता है कि मेरे द्वारा उपयोग किए जाने वाले विकल्पों में कोई फर्क नहीं पड़ता कि मैं fancybox मोडल विंडो को बंद होने से रोक नहीं सकता जब उपयोगकर्ता fancybox मोडल विंडो (ग्रेड आउट क्षेत्र) के बाहर क्लिक करता है।

क्या उपयोगकर्ता को एक्स या बटन पर क्लिक करने के लिए मजबूर करने का कोई तरीका है जो मैं करीबी घटना को ट्रिगर करता हूं? ऐसा लगता है कि यह आसान होना चाहिए इसलिए मुझे उम्मीद है कि मैं सिर्फ गलत उदाहरण पढ़ रहा हूं।

मैंने hideOnContentClick: false की कोशिश की है लेकिन यह मेरे लिए काम नहीं कर रहा है। कोई विचार?

Answer 1

इसके लिए कोई विकल्प नहीं है। आपको स्रोत कोड बदलना होगा।

jquery.fancybox-1.2.1.js में आप _finish विधि में बाहर टिप्पणी (या हटाना) लाइन 341 की जरूरत है:

//$("#fancy_overlay, #fancy_close").bind("click", $.fn.fancybox.close); 

Answer 2

बस अपने समारोह में निम्नलिखित पंक्ति जोड़ने के लिए, आप की जरूरत नहीं है jquery.fancybox-1.2.6.js

callbackOnStart : function() {$("#fancy_overlay").bind("click","null");}, 

Answer 3

मैं fancybox 1.3.1 का उपयोग कर रहा है, तो आप केवल बटन पर क्लिक करके मोडल बॉक्स को बंद करने के लिए मजबूर उपयोगकर्ता चाहता हूँ अगर में कुछ भी बदलने के लिए, आप में निर्दिष्ट कर सकते हैं विन्यास:

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#your_link").fancybox({ 
     'hideOnOverlayClick':false, 
     'hideOnContentClick':false 
    }); 
    }); 
</script> 

Answer 4

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#your_link").fancybox({ 
     'hideOnOverlayClick':false, 
     'hideOnContentClick':false 
    }); 
    }); 
</script>        

Answer 5

मैं एक ही "मुद्दा" में भाग गया। यह मेरे लिए काम किया:

$("#fancybox-overlay").unbind(); 

Answer 6

jQuery(".lightbox").fancybox({ 
     helpers  : { 
      overlay : { 
       speedIn : 0, 
       speedOut : 300, 
       opacity : 0.8, 
       css  : { 
        cursor : 'default' 
       }, 
       closeClick: false 
      } 
     }, 
    }); 

Answer 7

उपरोक्त में से कोई मेरे लिए काम किया है, इसलिए मैं सिर्फ fancybox के नवीनतम संस्करण के लिए एक सरल सा लिखा था।

function load(parameters) { 
    $('.fancybox-outer').after('<a href="javascript:;" onclick="javascript:{parent.$.fancybox.close();}" class="fancybox-item fancybox-close" title="Close"></a>'); 
} 

$(document).ready(function() { 
    $(".various").fancybox({ 
     modal: true, 
     afterLoad: load 
    }); 
}); 

आशा इस मदद करता है :)

Answer 8

$("#fancybox-overlay").unbind() समाधान @Gabriel द्वारा इस प्रश्न के लिए दिए गए काम करता है को छोड़कर मैं fancybox करने के लिए इसे बाध्य करने के लिए यह अपनी सामग्री लोड करता है के बाद की जरूरत है, और मैं तुरंत निकल नहीं कर सका। जो कोई भी इस मुद्दे में चलाता है के लिए, निम्न कोड मेरे लिए समस्या हल:

$('.fancybox').fancybox({'afterLoad' : function() { 
    setTimeout(function() { $("#fancybox-overlay").unbind(); }, 400);} 
}); 

400 मि.से देरी मेरे लिए काम मिल गया। यह 300ms के साथ काम किया लेकिन मैं संभावना नहीं लेना चाहता था।

Answer 9

यदि आप Fancybox 1.2.6 (जैसे कि मैं एक प्रोजेक्ट पर हूं) का उपयोग कर रहा हूं, तो मुझे विकल्पऑनऑवरलेक्लिक विकल्प मिला। आप इसे गलत पर सेट कर सकते हैं (उदा। HideOnOverlayClick: false)।

स्कॉट डॉउडिंग द्वारा सुझाव givn के आधार पर कोड को संशोधित करने के दौरान मुझे यह विकल्प मिला।

Answer 10

मुझे उपरोक्त सभी उत्तरों के संयोजन का उपयोग करना पड़ा, क्योंकि उनमें से सभी में त्रुटियां शामिल हैं। निश्चित रूप से, स्रोत कोड का कोई संपादन आवश्यक नहीं है।

मेरे मामले में, मैं बॉक्स को बंद करने वाले ओवरले क्लिक को अक्षम करना चाहता था क्योंकि मेरे पास प्रश्नों की प्रगति थी जो फेंसीबॉक्स के अंदर क्रमशः प्रदर्शित की जाएगी, इसलिए मैं नहीं चाहता था कि उपयोगकर्ता गलती से ओवरले पर क्लिक करके अपनी प्रगति खो दें , लेकिन पेज पर कहीं और उस कार्यक्षमता को रखना चाहता था।

उपयोग यह इसे अक्षम करने के लिए:

$(".fancybox-overlay").unbind(); 

उपयोग इस उसे पुन: सक्षम करने के लिए:

$(".fancybox-overlay").bind("click", $.fancybox.close); 

Answer 11

बस निम्नलिखित कोड का उपयोग करें:

$(document).ready(function() { 
    $("a#Mypopup").fancybox({ 
     "hideOnOverlayClick" : false, // prevents closing clicking OUTSIE fancybox 
     "hideOnContentClick" : false, // prevents closing clicking INSIDE fancybox 
     "enableEscapeButton" : false // prevents closing pressing ESCAPE key 
    }); 
    $("a#Mypopup").trigger('click'); 
}); 

<a id="Mypopup" href="images/popup.png"><img alt="Mypopup" src="images/popup.png" /></a> 

Answer 12

सेट closeClick पैरामीटर के लिए झूठी अपने समारोह के अंदर:

$(".video").click(function() { 
    $.fancybox({ 
     width: 640, 
     height: 385, 
     helpers: { 
      overlay: { 
       closeClick: false 
      } 
     } 
    }); 

    return false; 
}); 

Answer 13

आप कल्पना बॉक्स को रोकने के इन स्थापित करने

'showCloseButton'=>false, // hide close button from fancybox 
'hideOnOverlayClick'=>false, // outside of fancybox click disabled 
'enableEscapeButton'=>false, // disable close on escape key press 

लगाने से बंद करने के लिए कर सकते हैं लिंक

http://www.fancybox.net/api

Answer 14

निम्नलिखित इस मुद्दे के लिए से स्थापित करने fancybox मिलता है, इस तरह से प्रयास करें

$("YourElement").fancybox({ 
helpers: { 
     overlay: { closeClick: false } //Disable click outside event 
    } 

उम्मीद है कि यह मदद करता है।

Answer 15

आप गलत पर ओवरले पर डिफ़ॉल्ट closeClick सेट कर सकते हैं। संस्करण 2.1.5 में मेरे लिए काम किया है।

$.fancybox.helpers.overlay.defaults.closeClick=false;