我的问题与使用 jQuery 禁用链接/单击事件有关,它可能比我认为的要容易。我评论了重要的代码以使其更容易。
我在 .js 文件中有以下代码:
$('.delete-answer').click(function(event) {
event.preventDefault();
// some actions modifying the tags
$('.output').closest('li').remove();
var idMsg = ...;
var action = ...;
var answers = ...;
$(this).closest('li').children('p').remove();
$(this).closest('.tr').before('<tr><td><div class="output">Deleting message...</div></td></tr>');
$(this).closest('.tr').remove();
// While the servlet is deleting the message, I want to disable the links
// but I can't, so my problem is just here
// METHOD 1
//$('a').unbind('click');
// METHOD 2
//$('a').bind('click', function(e){
// e.preventDefault();
//});
$.post("../app/ForumCampus", {action:action, idMsg:idMsg}, function(data) {
});
// METHOD 1
//$('a').bind('click');
// METHOD 2
//$('a').unbind('click');
$('.output').empty();
$('.output').append('Message deleted successfully.');
});
在我的 HTML 中,我有一些类似这样的列表项:
<li>
<p class="text">Some text.</p>
<table class="answer-details" style="width: 100%">
<tbody>
<tr class="tr">
<td style="width: 50%;">
<div class="msg-modification" display="inline" align="right">
<a id="modify" class="delete-answer" href="#">Delete</a>
</div>
</td>
</tr>
</tbody>
</table>
</li>
如您所见,我尝试了两种方法来禁用点击事件:
方法1:我尝试了以下方法:how to unbind all event using jquery
结果:它起作用了,使用 delete-answer 类从锚点中解除 click 事件,但是:
1)它只停用带有删除答案类的锚。我宁愿在 servlet 执行此操作时禁用所有链接。
2) 我不能(或者我不知道如何)重新启用链接。
方法2:我尝试了以下方法:如何使用jQuery动态启用/禁用链接?
结果:它适用于普通锚点,但不适用于删除答案类的锚点。
两者似乎不兼容,所以我非常感谢一些帮助。
注意:也试图改变这个类:$('.delete-answer').addClass('delete-disabled').removeClass('delete-answer');
它更改了类并仅将锚点保留为禁用删除的类,但是当我再次单击它们时,它们仍在删除消息,我不知道为什么:/