फोकस() रंगबॉक्स पॉप-अप

Question

के अंदर काम नहीं करता है, मैंने फॉर्म पर पहले इनपुट फ़ील्ड के लिए focus का उपयोग करने का प्रयास किया। लेकिन यह काम नहीं करता है। जब मैं उस इनपुट के लिए attr("id") पर कॉल करता हूं तो यह काम करता है। जब मैं एक ही इनपुट के लिए फोकस करता हूं, तो मुझे कोई परिणाम नहीं दिखाई देता। मैंने मूल जावास्क्रिप्ट का उपयोग करने की भी कोशिश की। क्या किसी को पता है कि कैसे ठीक करें?

Answer 1

उपयोग

$(document).ready(function() { 
     // focus on the first text input field in the first field on the page 
     $("input[type='text']:first", document.forms[0]).focus(); 
    }); 

Answer 2

पहले चयनकर्ता का प्रयास करें,

$("form input:first").focus(); 

http://jsfiddle.net/erick/mMuFc/

Answer 3

आप सभी सवाल गलत समझ रहे हैं। जब कलरबॉक्स खुलता है तो आप इनपुट फ़ील्ड पर ध्यान केंद्रित नहीं कर सकते हैं?

... जब तक कि आप कोलोबॉक्स पर कॉम्प्लेटी कुंजी पर अपना ध्यान नहीं देते हैं उदा।

$('#mydiv a').colorbox({ onComplete:function(){ $('form input:first').focus(); }}); 

तुम भी एक घटना हुक करने के लिए ध्यान केंद्रित करने के लिए बाध्य कर सकते हैं:

$('#mydiv a').bind('cbox_complete', function(){ 
     $('form input:first').focus(); 
}); 

पर्याप्त होना चाहिए कि आरंभ करने के लिए।

Answer 4

मैंने अभी इस समस्या पर ठोकर खाई है।

मुझे लगता है कि यह एक एकल $ .colorbox सलामी बल्लेबाज इस तरह है करने के लिए सबसे अच्छा है:

function showActionForColorBox(
     _url, 
     _forFocus 
    ) { 
    $.colorbox(
     { 
      scrolling: false, 
      href: _url, 
      onComplete: function() { 
       idColorboxAjaxIndect1.appendTo($('#cboxOverlay')); 
       idColorboxAjaxIndect2.appendTo($('#cboxOverlay')); 
       idColorboxAjaxIndect3.appendTo($('#cboxOverlay')); 
       idColorboxAjaxIndect4.appendTo($('#cboxOverlay')); 

       // --> Possible element's ID for focus 
       if (_forFocus) { 
        $('#' + _forFocus).focus(); 
       } 
       return; 
      }, 
      onCleanup: function() { 
       // TODO: ? 
       return; 
      }, 
      onClosed: function() { 
       if (shouldReloadPageAfterColorBoxAction) { 
        // --> Should we reload whole page? 
        shouldReloadPageAfterColorBoxAction = false; // NOTE: To be sure: Reset. 
        window.location.reload(false); 
       } 
       else if (cbEBillsActionReloadPopup) { 
        // --> Should we reload colorbox 
        cbEBillsActionReloadPopup = false; 
        showActionForColorBox(_url); 
       } 
       else if (cbShouldLoadAnotherContentAfterClosed) { 
        // --> Should we reload colorbox with custom content? 
        cbShouldLoadAnotherContentAfterClosed = false; 
        $.colorbox({ html: setupContentForcbShouldLoadAnotherContentAfterClosed }); 
        setupContentForcbShouldLoadAnotherContentAfterClosed = ''; 
       } 
       return; 
      } 
     } 
     ); 

    return; 
} 

Answer 5

यह हो रहा हो सकता है कि जब आपके colorbox खोला है अपना ध्यान केंद्रित के शरीर यानी उच्चतम तत्व पर चला जाता है पृष्ठ। दस्तावेज़ का उपयोग करें। सक्रियता यह पता लगाने के लिए कि किस तत्व पर ध्यान केंद्रित किया गया है। तब iframe या अपने colorbox की आईडी और ध्यान तो सेट यह

Answer 6

पर तुम भी उपयोग कर सकते हैं

$.colorbox({ 

..., 
trapFocus: false 
}); 

colorbox