0

フォーム送信時に検索値を返すサイトに取り組んでいます。私がやろうとしているのは、scrollTo (down) を結果セクションに送信することです。フォーム外のボタンで機能しますが、フォーム内では機能しません。

例：これはうまくいきます

  $(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

4

1 に答える 1

0

送信アクションを停止する必要があります

  $(function (){
        $("#notworking,#fb-advanced-submit").click(function (){
                $('html, body').animate({
                    scrollTop: $("#fb-results").offset().top
                     }, 1300);
            return false;
        });
    });​
于 2012-06-27T11:04:27.240 に答える