Question

我在网页上的表格格式中显示的数据库记录很少。每个记录/行都有动作链接＆＃34; view＆＃34;，＆＃34; Edit＆＃34;和其他链接。只要我点击＆＃34;编辑＆＃34;第一条记录的链接，我想禁用页面上的所有其他链接，以防止多次点击页面，直到操作完成。一旦页面重新加载后我想再显示所有链接启用。请建议任何jquery解决方案。（如果需要，我可以为所有链接设置一个/相同的类名称）

问题是当用户点击＆＃34;编辑＆＃34;任何单个记录的链接，页面（java表单/请求）提交并执行一些数据库更新并执行一些后台处理并再次使用一些更新数据加载相同的页面，这需要几秒钟。当用户点击＆＃34;编辑＆＃34;第一条记录的链接，他没有等到进程完成并加载页面，他立即点击多个编辑链接，导致问题后端出现一些死锁，或者中断另一个进程完成。

感谢您的帮助。

--------------------更新-----------------

$(document).ready(function() {
    $('.xlinks').prop('disabled', false);
    $(".xlinks").click(function() {
        $('.xlinks').prop('disabled', true);
    });
});

以下3个链接显示每个数据库记录，例如，如果我有5个记录/行显示，则每行显示最后一个View，ViewAndSave和Complete链接。

<html:link class="xlinks" url="xxx.do" text="view" />
<html:link class="xlinks" url="xxx.do" text="viewAndSave" />
------

<html:link class="xlinks" url="xxx.do" text="Complete" onclick="return confirm('Are you sure you want to complete')" />

当我点击任意一个视图链接时，所有剩余的视图＆＃39;和＆＃39; viewAndSave＆＃39;链接已禁用但所有完整链接未被禁用。

Answer 1

$('yourbutton').click(function() {
    $('.otherbuttons').attr('disabled', true);
    //do other functions
});

或

$('yourbutton').click(function() { $('.otherbuttons').prop('disabled', true); //do other functions });

由于您没有为我们提供任何代码供您探索，因此它是我能帮到您的最接近的代码。

这应该会帮助你，留下一些反馈！

如何防止多次点击链接

1 个答案: