無作用連結多半是用來執行 click event,但在html來說只要 <a href="#"> 點按後都是置頂跳動畫面。為了使這預設的功能關閉,用以下一些方法處理。
html
javascript:; 或 javascript: 或 javascript:void(0);
jQuery
1 2 3 4 5 6 7 8 9 10 11 12 | $(function(){ $("a").each(function () { var textValue = $(this).html(); if (textValue == "概況" || textValue == "服務導航") { //如果字串出現"概況"與"服務導航"就會啟用盡用錨點置功能 $(this).css("cursor", "default"); $(this).attr('href', '#'); //修改<a>的 href屬性值為 # 這樣狀態欄不會顯示鏈接地址 $(this).click(function (event) { event.preventDefault(); // 如果<a>定義了 target="_blank「 需要這句來阻止打開新頁面 }); }; }); }); |
1 2 3 4 5 6 7 | $(function(){ $('a.tooltip').on('click', function(event) { // alert("抱歉,已停用!"); event.preventDefault(); }); }); // function(event) 與 event.preventDefault(); 的 event 參數名可另外命名 |
1 2 3 | $(function(){ $('#Link1').on('click',false); }); |
1 2 3 4 | $(function(){ $('.disableCss').removeAttr('href');//去掉a標籤中的href屬性 $('.disableCss').removeAttr('onclick');//去掉a標籤中的onclick事件 }); |
1 2 3 4 | $(function(){ $('#button').attr('disabled',"true"); // 添加disabled屬性 /*$('#button').removeAttr("disabled");*/ // 移除disabled屬性 }); |
資料來源:
無作用連結該寫 <a href="#" > 還是 <a href="javascript: void(0)" >
jquery禁用a標籤,jquery禁用按鈕click點擊
jquery裡給a標籤一個click事件,href設置為#,如何撤掉其錨點的功能