javascript - 禁用收藏夹图标单击在 jquery 中不起作用

Question

我有一个表，其中有两个 fa 图标按钮，例如 href 标记内的加号和删除按钮。现在我正在使用模糊检查一列的重复名称，当名称已经存在时，它工作正常，我将禁用图标在成功功能中不可点击。名称不存在启用它。它适用于按钮，但图标不起作用。请帮助我。下面是我尝试过的代码。提前致谢。

我的 HTML

 <div class="txtcbt" style="float:left;width:4%;">
    <a id="add" href="#"><i class="fa fa-plus" style="width:40%;font-size:25px;color:white;background-color:#dc143c;"></i></a>
  </div>

这是启用和禁用不起作用的 Jquery 代码

success:function(response){
        var data = $.parseJSON(response);
          if(data==true){
          //if name is there it showing alert message but disabling is not working
           alert("vendor contact name already exits");
           $('.txtcbt #add .fa fa-plus').prop('disabled', true);
         }else{
            $('.txtcbt #add .fa fa-plus').prop('disabled', false);
         }
      }

Answer 1

标签没有禁用属性。所以将其添加到您的 css 文件中。

<style>
    a.disabled {
       pointer-events: none;
       cursor: default;
    }
        </style>

在你的脚本中执行此操作

success:function(response)
{
    var data = $.parseJSON(response);
    if(data==true)
    {
        //if name is there it showing alert message but disabling is not working
        alert("vendor contact name already exits");
        $('#add').attr('class', 'disabled');
    }
    else
    {
        $('#add').attr('class', '');
    }
}