2013-05-02 3 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를 사용했습니다. 나는 다른 apporaches의 낱단을 시도하고 그러나 맞은 그것을 얻는 것을 보일 수 없다.

+1

당신의 자바 스크립트가 선택기에서 닫는 작은 따옴표가 빠져 있다는 것을 알고 있습니까? – musefan

+0

@musefan - 작은 따옴표를 사용 하시겠습니까? – adeneo

+0

@adeneo : 예 내가 할 – musefan

답변

5

요청이 완료되면 해시를 변경하십시오.

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

+1 - 가장 쉬운 방법 인 것 같습니다. – adeneo