Biorąc pod uwagę następującą strukturę 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>
który będzie powtarzany kilka razy na stronie, jak ustawić fokus na polu wejściowym w .bottom
div, gdy użytkownik kliknie łącze w .top
div?
Obecnie .bottom
sprawiam, że element DIV pojawia się pomyślnie po kliknięciu, używając poniższego kodu JQuery, ale nie mogę dowiedzieć się, jak jednocześnie ustawić fokus na polu wejściowym.
$('.link').click(function() {
$(this).parent().siblings('div.bottom').show();
});
Dzięki!
return false;
wywołanie zwrotne na koniec zdarzenia? Albofunction(e) { e.preventDefault(); ..... }
? Jeśli nie, Twoja przeglądarka po prostu przejdzie do tej strony po wykonaniu wywołania zwrotnego.