href lnksでjavascript void（0）を使用する代わりに何ができますか？ （バックボーンとSPAのサイト用）

Question

私のWebアプリケーションでは、多くの機能がonclickハンドラでその機能を公開するリンクとして公開されていますが、実際のリンクはjavascript void（0）に設定されています...

<a href="javascript:void(0)" onclick="myApp.callJen(1303, this)" rel="nofollow">Call Jennifer</a> 

私のアプリがBackbone.jsやAngularのようなSingle Page Applications（SPA）に注入されていると、この種のリンクがうまくいきません。このようなサイトのこのリンクをクリックすると、実際のページが見つからない場合があります（そのようなことが起こっているかどうかはわかりません）。

いずれにしても、そのようなリンクをどのように置き換える必要がありますか？

現時点では、実際のURLやボタンを使用することはオプションではないとしましょう。

その他postsは..私は正直にこれらのいずれかを好きではない

// Cancel click event 
$('.cancel-action').click(function(){ 
alert('Cancel action occurs!'); 
}); 

a { cursor: pointer; color: blue; } 
a:hover,a.hover { text-decoration: underline; } 
<a class="cancel-action">Cancel this action</a> 

<a href="#!">Link</a> 

またはthisを...このような何かを示唆しているので、あなたはより良いものを提案することができますか？

Answer 1

正しいの方法は「デフォルト動作を防止する」ことです。 jQueryイベントハンドラ：event.preventDefault()または単にreturn false;。

エキスパートナレッジ： voidは演算子であり、かっこは必要ないことに注意してください。