javascript - 偽のクリック属性を返す

Question

ビューページにこのコード行があります。ユーザーがこのボタンをクリックすると、ブラウザーが所定の位置にとどまるようにします (上部にリロードしないでください)。

<%= button_tag '<i class="icon-thumbs-up"></i>'.html_safe, class: "btn btn-success", remote: true %>

ユーザーを同じ場所に保つためにクリック属性を使用しています

$(function() {
  $('#icon-thumbs-up').click(function() {
   return false;
  });
});

私はJavascript/JQueryを初めて使用するので、おそらくこのコードをかなりひどく失敗させていることに気づきました。これを修正する方法を知っている人はいますか?

score 3 · Accepted Answer

コード内のこのセレクター:

$('#icon-thumbs-up')

ID用です。

ボタンにクラスが割り当てられているので、セレクターを次のように変更します。

$(function() {
    $('.icon-thumbs-up').click(function() {
        return false;
    });
});

score 1 · Accepted Answer

2 つの問題があります。

セレクターは ID セレクターですが、マークアップにその名前の ID がありません。(その名前のクラスはありますが、クラスセレクターは a .not aで始まります#)。
テンプレート関数を使用してボタンを生成し、その<i>中に要素を含めています。ボタンではなく、デフォルトの動作を防止しようとしている<i>要素です。ボタン自体に対して生成された HTML を対象とするように、コードを調整する必要があります。

2 に答える 2