JQuery按钮点击事件绑定与解绑问题：解绑后无法重新启用

看起来你遇到的核心问题是a标签的禁用逻辑没处理对，或者重新绑定事件的方式有误。先帮你分析问题，再给出两种可行的解决方案：

先说说可能的误区 #

1. a标签不支持disabled属性：如果你之前尝试用$(this).prop('disabled', true)来禁用，这是无效的——disabled是表单元素（比如button、input）的专属属性，a标签并不识别它。
2. 匿名函数无法高效重复绑定：如果你的解绑操作是$('.icon-repeat').off('click')，但重新绑定时又写了匿名函数，虽然功能能实现，但每次绑定的都是新的函数引用；更关键的是，如果你没处理失败场景的重新绑定，按钮就会永久失效。

方案一：用标志位控制（推荐，无需解绑绑定） #

这种方法最简洁，通过一个变量标记当前是否在请求中，从逻辑上阻止重复点击，不需要频繁解绑/绑定事件：

<script type="text/javascript">
// 定义一个标志位，标记是否正在处理请求
let isProcessing = false;

// 把点击事件处理函数抽出来，方便复用
function handleSubmitClick() {
    // 如果正在处理请求，直接返回，不执行后续逻辑
    if (isProcessing) return;
    
    isProcessing = true;
    console.log("The button is clicked");
    // 可选：添加视觉反馈，把图标改成加载状态
    $(this).find('i').removeClass('fa-repeat').addClass('fa-spinner fa-spin');

    $.ajax({
        type: 'GET',
        url: '${createLink(action: 'test')}',
        data: {test: test},
        dataType: 'text',
        success: function (response) {
            $('.flashMessage').html(response);
        },
        fail: function (response) {
            // 失败也要给出提示，避免用户无感知
            console.error("请求失败", response);
        },
        complete: function() {
            // 不管成功还是失败，请求完成后都重置状态
            isProcessing = false;
            // 恢复原图标
            $('.icon-repeat').find('i').removeClass('fa-spinner fa-spin').addClass('fa-repeat');
        }
    });
}

// 初始绑定点击事件
$('.icon-repeat').on('click', handleSubmitClick);
</script>

方案二：解绑+重新绑定事件 #

如果你坚持要用解绑的方式，一定要把事件处理函数抽成具名函数，这样重新绑定的是同一个函数引用，同时要处理失败场景的重新绑定：

<script type="text/javascript">
// 抽出具名函数，方便解绑和重新绑定
function handleSubmitClick() {
    console.log("The button is clicked");
    // 先解绑当前点击事件，防止重复点击
    $('.icon-repeat').off('click', handleSubmitClick);
    // 可选：添加视觉反馈
    $(this).find('i').removeClass('fa-repeat').addClass('fa-spinner fa-spin');

    $.ajax({
        type: 'GET',
        url: '${createLink(action: 'test')}',
        data: {test: test},
        dataType: 'text',
        success: function (response) {
            $('.flashMessage').html(response);
            // 请求成功后重新绑定点击事件
            $('.icon-repeat').on('click', handleSubmitClick);
            // 恢复原图标
            $('.icon-repeat').find('i').removeClass('fa-spinner fa-spin').addClass('fa-repeat');
        },
        fail: function (response) {
            console.error("请求失败", response);
            // 失败也要重新绑定，避免按钮永久失效
            $('.icon-repeat').on('click', handleSubmitClick);
            // 恢复原图标
            $('.icon-repeat').find('i').removeClass('fa-spinner fa-spin').addClass('fa-repeat');
        }
    });
}

// 初始绑定事件
$('.icon-repeat').on('click', handleSubmitClick);
</script>

内容的提问来源于stack exchange，提问作者jenny sam