javascript - ButtonField确认点击不起作用

Question

我试图在拍摄 Action 之前显示一个确认框。

aspx 文件中有我的代码:

JavaScript

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
        $(".alterarStatus").click(function () {
            return confirm('Tem certeza que deseja alterar o status?');
        });
      </script>

按钮字段:

  <Columns>
            <asp:ButtonField ControlStyle-CssClass="alterarStatus" Text="Status" CommandName="atender" ButtonType="Button"/>
      </Columns>
    </asp:GridView>

但是确认框永远不会出现

这是生成的 HTML

http://pastebin.com/1vwReChK

编辑:

正在拍摄且之前没有出现提醒的功能

 protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
        {
            string commandname = e.CommandName;

            if (commandname.Equals("atender"))
            {
//I want to show an alert before execute this action
         }
}

Answer 1

您不能拥有 <script>带有 src 的标签和内容，创建两个脚本标签，它应该可以工作。还可以尝试将其包装在 document ready 中:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">
    $(function() {  //equivalient of $(document).ready(function() {
        $(".alterarStatus").click(function () {
            return confirm('Tem certeza que deseja alterar o status?');
        });
    });
</script>

来源:https://stackoverflow.com/a/29414108/526704

我认为ButtonField正在使用 runat="server" 创建按钮，因此当您按下它们时它会发回。尝试将其创建为 TemplateField与 <input type="button" class="alterarStatus" >相反。

您可以在生成的 html 中看到您收到的输入为 onclick=__doPostBack() s 阻止 javascript 触发，因为它正在发回。

<input type="button" value="Status" onclick="javascript:__doPostBack(&#39;GridView1&#39;,&#39;atender$4&#39;)" class="alterarStatus" />

<asp:TemplateColumn>
   <ItemTemplate>
      <input type="button" class="alterarStatus" value="Alterar Status" />
   </ItemTemplate>
<asp:TemplateColumn>