2013-05-02 94 views
1

我有以下表单。提交搜索表单并通过ajax调用返回结果后,我希望页面跳转到一个ID--这恰好是结果的顶部。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没有运气。我尝试了一些不同的应用,但似乎无法做到。

+1

您是否知道您的javascript缺少选择器中的结束单引号? – musefan 2013-05-02 15:58:17

+0

@musefan - 你的意思是单引号,对吧? – adeneo 2013-05-02 15:58:57

+0

@ adeneo:是的,我做 – musefan 2013-05-02 15:59:18

回答

5

只需在请求完成时更改散列。

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

+1 - 看起来是最简单的方法 – adeneo 2013-05-02 16:04:42