我想禁用单击预览中的链接并显示错误消息。我想出了一个简单的解决方案:
<div id="preview">
<p>There is a <a href="http://google.com">sample</a> link that should not follow to <a href="http://google.com">google.com</a></p>
<ul></ul>
</div>
<button id="btn">Add a new link</button>
JavaScript 代码:
$('a').on('click', function () {
alert("links are disabled");
return false;
});
$('#btn').on('click', function () {
$('#preview ul').append('<li><p><a href="http://google.com">another link</a></p></li>');
});
它对于已经存在的链接非常有效,但不适用于通过按钮添加的新链接。
添加新链接后如何禁用链接?
我想将禁用链接的逻辑保留在添加新链接的代码之外(因为有多个地方正在添加新链接)
JS 小提琴:http: //jsfiddle.net/bseQQ/