jquery - jQuery Isotope はページの上部にスクロールします

Question

ここや他の場所で検索しましたが、答えが見つかりませんでした。

私のウェブサイトでは、いくつかのページでIsotopeプラグインを使用していますが、すべてうまく機能しています。

問題は、ページの 1 つで、ユーザーがボタンをクリックしたときにのみプラグインが初期化されることです。それよりも、ページが自動的に一番上にスクロールします。

この動作を防ぐ方法が見つかりませんでした。

ありがとう。

Answer 1

ボタンに URL として hastag がある場合、Isotope を初期化する方法としてオブジェクトの ID を選択してクリック機能を割り当てると仮定すると、次のようになります。

<a id="buttonName" href="#">Click me!</a>

その後、クリックするとページがトップに戻ります。これを回避する 1 つの方法は、要素から href を削除し、そのクラスまたは ID に css を追加して、マウスオーバー時にハンド ポインター カーソルを表示することです。

#buttonName {  
    cursor: pointer;
}

リンクや使用しているコードを見ないとわかりませんが、これが役立つことを願っています。

Answer 2

フィルタ ボタンに既定の防止アクションを追加します。

$('.filterable li a').click(function(event){
event.preventDefault();
});