1

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

<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>

请问我做错了什么？谢谢

4

2 回答 2

2

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

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

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

因为您使用的是锚标记而不是真正的按钮，所以您必须稍有不同。

看：

jQuery禁用链接

或者

如何在 JavaScript 中禁用 href 链接？

您还必须为禁用的“按钮”提供一个新的 css 类，以使其看起来也被禁用。

于 2013-02-26T16:20:57.843 回答
1

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

因为您已经禁用了该元素，所以不会触发任何事件。即使他们这样做了，他们也会在元素被禁用时产生相同的结果。我认为你需要摆脱这条线：

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

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

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

将其更改为：

$("#post_button").attr("onclick", "this.disabled=true;");
于 2013-02-26T10:44:07.557 回答