jQuery在asp:button上的点击事件

5

I have a server side button as

<asp:Button ID="btnSummary" runat="server" OnClick="btnSummary_Click" Text="Next" />

我想通过ID附加jQuery Click事件,而不是使用替代的class属性方式。

我尝试附加点击事件如下:

$("#btnSummary").click(function() 
        {
            alert("1");
        });

但是,它的点击事件没有被触发。我也尝试过$("id[$btnSummary]")

有没有办法在不使用按钮上的class属性的情况下,使用jQuery附加asp:button的点击事件?


如有必要,在开始或任何 AJAX 调用之前添加 event.preventDefault() - GoldBishop
13个回答

0
将这个<asp:Button/>标签包裹在一个html的<div>容器中。
<div id="testG">  
   <asp:Button ID="btn1" runat="server" Text="TestButton" />
</div>

$(document).ready(function () {
    $("#testG").click(function () {
                alert("1");
                //your code 
     });
});

0
请尝试以下操作:
document.getElementById("<%=button1.ClientID %>").click();

-1

你已经到达那里了。我猜有两种方法:

  1. 从浏览器检查控件并查看控件ID,看起来像是ct1000_btnSummary。在jQuery的Click事件中使用此ID。

替换代码

 $("#ctl00_contentplcedholder_btnSummary").click(function() 
    {
        alert("1");
    });

第二个很简单,只需在您的控件中添加一个属性ClientIdMode="static",然后使用您实际的Jquery点击事件即可触发。

非常糟糕的形式...如果控件移动到不同的“容器”,则ID会更改。这不允许动态移动,也不能解决潜在的MVC或MVVM模板设计问题。 - GoldBishop
@GoldBishop 是的,这就是为什么最好选择第二个选项。 - DDK

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接