给定以下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>
当一个用户点击.top
div的链接时,页面上会重复多次出现.bottom
div中的输入框。我已经成功使用以下JQuery代码使.bottom
div成功显示在单击时,但似乎无法同时设置输入字段的焦点。
$('.link').click(function() {
$(this).parent().siblings('div.bottom').show();
});
谢谢!
return false;
或者function(e) { e.preventDefault(); ..... }
吗?如果没有,在执行回调函数后,你的浏览器将会导航到那个页面。 - simshaun