2013-01-04 14 views
8

दबाता है तो फेंसीबॉक्स बंद करना बंद करें, मैं एक पृष्ठ पर फैंसीबॉक्स का उपयोग कर रहा हूं, लेकिन मैं इसे jQuery मोडल की तुलना में अधिक डिज़ाइन सुविधा के रूप में उपयोग कर रहा हूं। मैं उपयोगकर्ता को इसे बंद करने में सक्षम होने से रोकने की कोशिश कर रहा हूं (क्योंकि यह पृष्ठ के डिज़ाइन को "तोड़ देगा")। मैंने उपयोगकर्ता को फैंक्सबॉक्स पर क्लिक करने से रोकने में कामयाब रहा है, लेकिन जब एएससी कुंजी दबाया जाता है तो मुझे इसे बंद करने में परेशानी हो रही है। मैंने 'closeOnEscape': false की कोशिश की है लेकिन यह काम नहीं कर रहा है। नीचे मेरा कोड है। कोई सुझाव जो मैं गलत कर रहा हूं या मुझे क्या करना है?जब उपयोगकर्ता एएससी

$(document).ready(function() { 
    $.fancybox({ 
     'width': '340px', 
     'height': '100%', 
     'autoScale': true, 
     'transitionIn': 'none', 
     'transitionOut': 'none', 
     'type': 'iframe', 
     'href': 'form.php', 
     'hideOnContentClick': false, 
     'closeBtn' : false, 
     'helpers' : { 
      'overlay' : { 
       'closeClick': false, 
      } 
     } 
    }); 
}); 
+1

आप किस फैंसीबॉक्स का उपयोग कर रहे हैं? – lnrbob

+0

यह आपकी मदद नहीं करेगा, लेकिन यदि आप इसे डिज़ाइन फीचर के रूप में उपयोग कर रहे हैं तो यह संभवतः कुछ समान (दृश्यमान) – Damien

+0

बनाने के लिए आसान है http://stackoverflow.com/questions/3000884/why-is-it-when-i -set-closeonescape-to-false-and-then-closeonescape-to-true-j – Arpit

उत्तर

14

चेक fancyBox docs से keys विकल्प:

कुंजी
गैलरी नेविगेशन के लिए कुंजीपटल कुंजी को परिभाषित करें, बंद करने और स्लाइड शो
वस्तु; डिफ़ॉल्ट मूल्य:

{ 
    next : { 
     13 : 'left', // enter 
     34 : 'up', // page down 
     39 : 'left', // right arrow 
     40 : 'up' // down arrow 
    }, 
    prev : { 
     8 : 'right', // backspace 
     33 : 'down', // page up 
     37 : 'right', // left arrow 
     38 : 'down' // up arrow 
    }, 
    close : [27], // escape key 
    play : [32], // space - start/stop slideshow 
    toggle : [70] // letter "f" - toggle fullscreen 
} 

बस null को close मूल्य मैप करें।


आप Fancybox2 का उपयोग कर रहे हैं, तो आपको अपने कोड में इस संपत्ति जोड़ें:

$.fancybox({ 
    // all your other options here 
    ..., 
    keys : { 
    close : null 
    } 
} 
+0

क्या आप मेरे मौजूदा कोड में आवश्यक कोड को शामिल करने में सक्षम हैं? मुझे जावास्क्रिप्ट या fancyBox –

+0

के साथ वास्तव में कोई अनुभव नहीं है अब मेरा संपादन देखें। – moonwave99

+1

विचित्र रूप से, यह उत्तर मेरे लिए काम नहीं करता था। मैंने पाया कि 'मोडल: सच,' काम करना प्रतीत होता है –

2

@ moonwave99 Fancybox2 के लिए सही जवाब है। आप v1.3 उपयोग कर रहे हैं + तो आप का उपयोग करना चाहिए:

enableEscapeButton: false 

रेफरी: http://fancybox.net/api

0

के रूप में दूसरों को टिप्पणी में उल्लेख किया है, modal: true काम करता है पूरी तरह से ...

$.fancybox({ 
    modal: true 
}); 

से the docs...

मोडल - यदि सत्य पर सेट किया गया है, तो नेविगेशन और समापन अक्षम कर देगा।

संबंधित मुद्दे