java - 「もっと見る」ボタンのクリックでページがトップに移動しないようにする必要があります

Question

私は JQuery モバイル実装を含む JSP ページを持っています。ページの読み込み時に 8 つの製品が表示され、下部に「MORE」ボタンが表示されます。「MORE」ボタンをクリックすると、さらに 8 つの製品が表示されますが、クリックすると「MORE」ボタンで 8 個の新しい商品が読み込まれ、ページがトップに移動しますが、これは正しくありません。では、ページがトップに戻らないようにするにはどうすればよいでしょうか。

Answer 1

jQuery クリック ハンドラーは次のようになると思います。

$('.more').click(function(e) {
    loadMore();
    // ...
});

デフォルトでは、クリック イベントは引き続きブラウザーにバブリングし、デフォルト イベントを実行します: リンクの href (#) をたどります。

これを防ぐには、コードを次のように変更します。

$('.more').click(function(e) {
    e.preventDefault();

    loadMore();
    // ...
});

http://api.jquery.com/event.preventDefault/