Dada la siguiente estructura HTML:
<div class="wrapper">
<div class="top">
<a href="http://example.com" class="link">click here</a>
</div>
<div class="middle">
some text
</div>
<div class="bottom">
<form>
<input type="text" class="post">
<input type="submit">
</form>
</div>
<div>
que se repetirá varias veces en la página, ¿cómo establezco el foco en el campo de entrada en el .bottomdiv cuando un usuario hace clic en el enlace en el .topdiv?
Actualmente estoy haciendo que el .bottomdiv aparezca con éxito al hacer clic usando el código JQuery a continuación, pero parece que no puedo averiguar cómo establecer el enfoque en el campo de entrada al mismo tiempo.
$('.link').click(function() {
$(this).parent().siblings('div.bottom').show();
});
¡Gracias!
return false;al final de la devolución de llamada del evento. Ofunction(e) { e.preventDefault(); ..... }? De lo contrario, su navegador simplemente navegará a esa página después de ejecutar la devolución de llamada.