href属性なしでlink_toヘルパーを使用してリンクを作成するにはどうすればよいですか？私はjavascriptアクション専用のリンクを作成したい、私はページや何かを再ロードしたくない。Rails：hrefなしでlink_toを使用して
urlパラメータを省略すると、リンクをクリックするとページがリロードされます。 URLの代わりにnilを提供しています。
javascript:void(0)
これは、あなたはそれが何もしませんクリックすると、ページをリロードせず、トップへページの上に移動しないというリンクを持たせます。
私はこのアプローチを使用：no-op
これは機能します。最終的にhrefなしで 'a'タグを作成することに終わりました。ブラウザは、左下に' javascript：; 'リンク先プレビューを表示しません。 – bevanb
'javascript：void（0）'との違いは何ですか？ – freemanoid
はへのhrefを設定します。
あなたはまた、あなたに与え
content_tag("a","link text")
を使用することができます
= link_to('Click me', 'javascript:;', :id => :foo)
その基本的Javascriptを
<a>link text</a>
を参照してください：rails api
代替が
= link_to("My hyperlink", "#")
ですこれは、あなたにクリックしたときに、nilを渡すようにページをリロードしないというリンクを提供します。同時に、マウスオーバー時にポインタをマウスに設定しますが、これはcontent_tagのアプローチでは得られません。レール5のための
これはいくつかの場所で大丈夫ですが、それはあなたのページの上部に画面をバウンスします。 「javascript :;」を追加すると、ほとんどの場合、上に示唆したように、おそらくより良い方法です。 – jacklin
興味深いことに、チップのおかげで。 –
私は、そのような場合には、全くhref属性なしでプレーンなHTMLを使用して好む：
<a data-toggle="modal" data-target="#myModal">Open dialog</a>
私見それはcontent_tag("a","link text")よりも読みやすいです。
href=#の欠点は、デフォルトjavascript:;によってクリックされたときにブラウザがトップ にスクロールすることで、私はあなたがそこの状況で、ボタンを使用して、より良いオフだと思う醜いに見えますhrefはありません。
<button class='button'>Hello</button>
<%= link_to '+ Add Make', 'javascript:void(0)', id: 'add-make', onclick: 'addMake()' %>
、その後、あなたのjQuery：
function addMake() {
$.ajax({
url: '/dealers',
type: 'GET',
dataType: 'script',
success: function (data) {
console.log('it was successful')
$('.add-make').hide();
},
error: function (data) {
console.log('it was error')
}
});
}
は、あなたが "＃" へのURLを設定してみましたか？ –
"＃"を実行すると、ページがリロードされます。私はJSとのリンクアクションを無効にすることができますが、 'link_to'を使ったさらに簡単な解決策があるはずです – bevanb
どのようなHTMLが生成されていますか？一日の終わりに、あなたのJSは、デフォルトのリンクのクリック動作をとにかく防ぐ必要があります。これは問題ではないかもしれません。 –