單擊一次後禁用href並同時添加新元素？

它是更多鈔票來使用href和禁用HREF在同一時間使用JavaScript添加新的元素？
所以HREF只點擊一次，而且新的元素後會出現。我寫了這個代碼，但仍沒有運氣單擊一次後禁用href並同時添加新元素？

$(document).ready(function() { 
$("#add_app").click(function() { 
    $("#box").append("<p>jQuery is Amazing...</p>"); 
    this.removeAttribute('href');this.className='disabled'; 
}});

HTML

<a href="#" id="add_app" ><strong>Summon new element and disable me</strong></a>

唯一做的工作就是在JS線

$("#box").append("<p>jQuery is Amazing...</p>");

需要幫助的.. 感謝

------------------------------------ --update ---------------------------------
- 使用由吃豆，萊納斯Aronsson和guest271314改進的代碼它就像一個魅力。所以基本上我們用。一（）事件處理程序來解決這個問題。感謝您的反饋傢伙

來源

2016-06-19 Dika

您不能編輯questio在解決方案中，您必須注意並接受正確的答案。這就是這個社區的工作原理以及人們爲什麼幫助你免費。 –

感謝您對MarcosPérezGude的更正，並通過添加接受答案進行編輯。但是我沒有足夠的積極聲望。 – Dika

歡迎使用stackoverflow，每天都會學到新的東西。當你有足夠的聲望，你可以upvote –

使用此jQuery的：

$(document).ready(function() { 
    $("#add_app").one("click", function() { 
    $("#box").append("<p>jQuery is Amazing...</p>"); 
    this.removeAttribute('href'); 
    }); 
});

我使用的是。一（）事件處理程序，以表明您只需要點擊事件發生一次。其餘的代碼或多或少都是正確的，只需稍作修改即可。

這裏有一個小提琴：https://jsfiddle.net/0mobshpr/1/

來源

2016-06-19 01:39:38 torus

您可以使用.one();注意：js在問題是缺少在click()

$(document).ready(function() { 
    $("#add_app").one("click", function() { 
    $("#box").append("<p>jQuery is Amazing...</p>"); 
    this.removeAttribute('href');this.className='disabled'; 
    }) 
});

來源

2016-06-19 01:38:01 guest271314

右括號)需要返回false whwn的鏈接點擊。試試這個jQuery代碼..

$("#add_app").click(function() { 
    $("#box").append("<p>jQuery is Amazing...</p>"); 
    return false; 
});

來源

2016-06-19 01:38:07 ThaTal

你可以試試這個

HTML

<a style="cursor: pointer;" id="add_app" ><strong>Summon new element and disable me</strong></a> 
<div id="box"></div>

，並在您的JS代碼，你可以寫這個我已經測試，它工作得很好

$(function(){ 
    $("#add_app").one("click",function(){ 
    $("#box").append("<p>jQuery is Amazing...</p>"); 
    }); 
});

來源

2016-06-19 01:41:19 PacMan

單擊一次後禁用href並同時添加新元素？

回答

相關問題