2012-06-27 3 views
0

양식 제출시 검색 값을 반환하는 사이트에서 작업하고 있습니다. 내가하려는 것은 결과 섹션에 scrollTo (아래)를 제출하는 것입니다. 양식 외부의 단추로 작동하지만 양식 내부에는 작동하지 않습니다.ScrollTo 양식 내에서 버튼 제출 페이지의 섹션

예 :이

$(function(){ 
    $("#fb-advanced-submit").click(function(){ 
      $('html, body').animate({ 
       scrollTop: $("#fb-results").offset().top 
       }, 1300); 
    }); 
}); 

<button id="fb-advanced-submit">Submit</button> 

을 작동하지만, 이것은하지 않습니다

<form action="" method="Get"> 
<input type="submit" id="#fb-advanced-submit" value="Search" class="small button" /> 

    <div id="div2" style="height: 1000px; width 100px">test</div> 
    <br/> 
    <div id="fb-results" style="height: 1000px; width 100px">test 2</div> 
</form> 
당신은 행동을 제출 중지해야

jsfiddle

답변

0

$(function(){ 
     $("#notworking,#fb-advanced-submit").click(function(){ 
       $('html, body').animate({ 
        scrollTop: $("#fb-results").offset().top 
        }, 1300); 
      return false; 
     }); 
    });​ 
+0

http://jsfiddle.net/deerua/8dd6k/1/ – deerua

+0

감사합니다 deerua - 양식 제출에 영향을주지 않습니까? – NickP

+0

$ .ajax를 사용하여 양식 데이터를 작업 페이지로 보내고 결과를 "fb-results" – deerua