有時候使用<a>標籤,同時想要綁定javascript/jquery事件時
要求設定屬性 href...
一般我們使用連結寫法:
<a href="url">我是連結</a>
若想要綁定jquery事件可能的兩種做法:
1) <a href="#">我是連結</a> //這種做法會在網址結尾加上#, 且會回到頁面最頂端
$('a').on('click', function(){
event process.
return false; //加上這行,可以避免回到最頂端.
});
2) <a href="javascript:void(0);">我是連結</a>
$('a').on('click', function(){
event process.
});
//這種做法不會有任何動作,且會造成window.location失效
* 執行 Javascript 之後加上 return false 讓程序返回失敗 <a>連結自然就不會執行。
沒有留言:
張貼留言