enfoque() no funciona en el interior colorbox emergente

Question

He intentado utilizar focus para el primer campo de entrada en el formulario. pero no funciona. Cuando llamo al attr("id") para esa entrada funcionó. Cuando llamo a focus para la misma entrada, no vi ningún resultado . También traté de usar JavaScript nativo. ¿Alguien sabe cómo arreglar eso?

Answer 1

uso

$(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

Prueba el primer selector,

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

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

Answer 3

usted es Todos entender la pregunta. Cuando se abre Colorbox, ¿no puedes enfocar un campo de entrada?

... a menos que agregue su enfoque a la tecla Colobox onComplete por ejemplo,

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

También podría obligar a la atención a un enlace de eventos:

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

Eso debería ser suficiente para empezar.

Answer 4

he topamos con este problema.

creo que es mejor tener un solo $ .Colorbox abridor así:

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

Puede estar sucediendo que cuando se abre el colorbox su enfoque va hacia el elemento más alto es decir, el cuerpo de página. utilice document.activeElement para encontrar que el foco fue a qué elemento. A continuación, busque iframe o la identificación de la caja de colores y luego establecer el foco en él

Answer 6

También puede utilizar

$.colorbox({ 

..., 
trapFocus: false 
}); 

para desactivar el foco en el interior colorbox