ajax表单提交后跳转到ID

时间:2013-05-02 15:57:16

标签: jquery ajax

我有以下表格。提交搜索表单并通过ajax调用返回结果后,我希望页面跳转到ID - 这恰好是结果的顶部。

<form class="avail-form">
  ...
   <input type="submit" value="search" />
</form>

<div id="results">Results Found</div>
.
. Results
.

当前尝试不起作用。

$(document).ready(function() {
    $('form.avail-form').click(function() {
        $(this).scrollTop($('#results').offset().top);
    });
});

我尝试使用submit代替click而没有运气。我试了很多不同的apporaches,但似乎无法做到正确。

1 个答案:

答案 0 :(得分:5)

只需在请求完成时更改哈希值。

$.ajax({
    url: ...,
    success: function(){
        window.location.hash = "#results";
    }
});