禁用报告按钮链接不想禁用 - html5

本文关键字：html5 不想 按钮 报告 链接 | 更新日期: 2023-09-27 18:01:15

当我单击它时，该按钮没有被禁用，这里是我的代码：

<script type="text/javascript">
    function SetNewsCommentReportFlag(newsCommentId) {
        $("#news-comment" + newsCommentId).text("This comment has been removed");
        $("#post-button" + newsCommentId).attr("onclick", "this.disabled=true;");
        var jqxhr = $.getJSON("<%= 
                Url.Action(
                    "SetNewsCommentReportFlag", 
                    "Home", 
                    new { area = "News" }
                ) 
            %>?newsCommentId=" + newsCommentId, function (data) { });
    }
</script>

<div class="news-comment" id="news-comment<%: Model.NewsCommentId %>">
    <% if (Model.Reported)
    {
        Model.NewsComment = "This comment has been removed";    
    } else  %>
    <%: Model.NewsComment %>
</div>
<div class="clear"></div>
<div class="actions-right">    
    <a href="javascript:SetNewsCommentReportFlag(<%: Model.NewsCommentId %>);" 
        class="button" id="post_button<%: Model.NewsCommentId %>"
    ><%: Html.Resource(Resources.Global.Button.Report) %></a>                
</div>

喜欢这个？：

<script type="text/javascript">
    function SetNewsCommentReportFlag(newsCommentId) {
        $("#news-comment" + newsCommentId).text("This comment has been removed");
        $("#post-button" + newsCommentId).attr("onclick", "this.disabled=true;");
            var jqxhr = $.getJSON(
                "/News/Home/SetNewsCommentReportFlag?newsCommentId=" 
                + newsCommentId, function (data) { }
            );
    }
</script>
<div class="news-post-list-item">
    <div class="news-post-user-info-wrapper">
        <div class="avatar">
            <img src="/ThemeFiles/Base/images/User/user-avatar.png" 
                width="52" height="52" alt="Avatar" />   
        </div>
        <div class="who-and-when-box">
            25/02/2013 13:20:56
            <br />
            <br />
            Cecilia Torres Castro 
        </div>
        <div class="news-comment" id="news-comment3">
            sdfsdf
        </div>
        <div class="clear"></div>
        <div class="actions-right">    
            <a href="javascript:SetNewsCommentReportFlag(3);" 
                class="button" id="post_button3">Report</a>                
        </div>
    </div>     
    <div class="clear"></div> 
</div>

请问我做错了什么？谢谢

禁用报告按钮链接不想禁用 - html5

您没有使用实际的按钮，而是使用了锚标记：

<a href="javascript:SetNewsCommentReportFlag(3);" class="button" id="post_button3">Report</a>

这些不能使用 disabled=true 禁用，这仅适用于实际按钮。

因为您使用的是锚标记而不是真正的按钮，所以您必须以略微不同的方式进行操作。

看：

jQuery 禁用链接

或

如何在 JavaScript 中禁用 href 链接？

您还必须为禁用的"按钮"提供一个新的 css 类，使其看起来也处于视觉残疾状态。

您正在添加一个 onclick 事件来禁用它，但在该行之后，您已经禁用了它。

由于您已经禁用了该元素，因此不会在其上触发任何事件。即使他们这样做了，它们也会在禁用元素时产生相同的结果。我认为您需要摆脱这一行：

$("#post-button").attr("disabled", "disabled");

此外，您在此行中存在语法问题：

post_button.Attributes.Add("onclick", "this.disabled=true;");

将其更改为：

$("#post_button").attr("onclick", "this.disabled=true;");
相关文章：