jquery: focus to div no funciona

Question

Después de que la función ajax haya terminado. en los mensajes de éxito me estoy enfocando en el div específico. Pero no está funcionando. Mi código está aquí.

$j.ajax({ 
    url:"<?php echo admin_url('admin-ajax.php'); ?>", 
    type:"POST", 
    data:"action=press_release&page="+0+"&do_task="+do_task+"&id="+id+"&module="+module, 
    success:function(data){ 
     $j("#com_cont").show(); 
     $j("#com_cont").html(data); 
     $j("#loading_heart").hide(); 
     $j("#focus_point").focus(); 
    } 
}); 

Este es el código no está funcionando (no se centra en el div: $j("#focus_point").focus();

Answer 1

puede utilizar el código siguiente para traer el foco a un div, en este ejemplo la página se desplaza a la <div id="navigation">

$('html, body').animate({ scrollTop: $('#navigation').offset().top }, 'slow'); 

Answer 2

enfoque no funciona en divs por defecto, pero, de acuerdo con esto, se puede hacer que funcione:.

El evento de foco se envía a un elemento cuando gana el foco. Este evento es implícitamente aplicable a un conjunto limitado de elementos, tales como elementos de formulario (<input>, <select>, etc.) y enlaces (<a href>). En versiones recientes del navegador , el evento puede ampliarse a e incluir todos los tipos de elementos por estableciendo explícitamente la propiedad del elemento tabindex. Un elemento puede obtener el foco mediante comandos de teclado, como la tecla Tab, o haciendo clic con el mouse en el elemento .

http://api.jquery.com/focus/

Answer 3

un <div> se puede enfocar si tiene un tabindex atributo. (el valor se puede ajustar a -1)

Por ejemplo:

$("#focus_point").attr("tabindex",-1).focus(); 

---

Además, considere instalar outline: none !important; por lo que aparece sin un rectángulo de selección.

var element = $("#focus_point"); 
element.css('outline', 'none !important') 
     .attr("tabindex", -1) 
     .focus();