Question

在浏览器中渲染代码后，锚标记生成为

<a onclick="alert();" id="ctl00_RightContent_lnkSaveTop" title="Select Mail then Click to Send..." class="btn btn-u" data-rel="tooltip" data-container="body" data-toggle="popover" data-placement="top" data-content="Select Mail then Click to Send..." href="javascript:__doPostBack('ctl00$RightContent$lnkSaveTop','')" style="float: right" data-original-title="Send Email" disabled="disabled">
  Send Mail
</a>

我已经编写了jquery，如下面的代码行

$(document).ready(function () {
  $('#<%= lnkSaveTop.ClientID%>').click(function () {
    if ($(this).is(':disabled')) {
      alert('No need to click, it\'s disabled.');
    }
  });
});

基本上我希望如果单击禁用按钮，则应显示工具提示。

Answer 1

尝试：

 if ($(this).attr('disabled') === "disabled") {
      alert('No need to click, it\'s disabled.');
    }

如果您打算使用readonly属性，它是相同的，替换＆＃39;禁用＆＃39;与＆＃39; readonly＆＃39;

Answer 2

您可以做的是在输入按钮上有一个自定义数据属性，这是一个空白字符串。然后当鼠标进入按钮时，您删除标题并将其放在空数据属性中并删除标题，这将停止显示工具提示。然后，您甚至在输入上侦听单击，然后将文本从数据属性复制到标题，这应该可以解决问题

这是我的jsFiddle：https://jsfiddle.net/44vof888/

的jQuery

$(function () {
    $('input').mouseenter(function () {
        $(this).data('title', this.title)
        this.title = '';
    });

    $('input').on('click', function () {
        this.title = $(this).data('title');
    });
});

HTML

<input type="button" data-title="" value="Hello" title="Half an update" readonly="readonly"></input>

如何检查链接按钮是否被禁用

2 个答案: