javascript - 使用 javascript href 链接附加一次

Question

我知道之前已经发布过关于如何仅追加一次的内容，但我的情况有点独特，因为我试图从 href 链接调用该函数。我的代码发布在 jsfiddle 上，但由于某种原因它不起作用。我的网站上的相同代码也有效。有人可以帮助我完成这项工作，以便单击 href 链接只会将给定字符串附加到 #services div 一次。每次我单击链接时，我实际网站上的代码都会一遍又一遍地附加“详细信息”，但我只希望它执行一次。

<div id="services">SERVICES</div>
<a href="javascript:moreDetails();">More Details</a>

var details = '<p>Just some additional details</p>';
function moreDetails(){
        $('#services').append(details);
}

http://jsfiddle.net/7g59yb5r/1/

Answer 1

我会使用.one()并这样做:

var details = '<p>Just some additional details</p>';
$('a').one('click',function () {
    $('#services').append(details);
})

<强> jsFiddle example