如何在Button Click事件上调用此Jquery函数?

时间:2011-01-18 08:17:17

标签: asp.net jquery vb.net

我想在按钮点击事件

中在ASP.NET中调用此jquery函数
var doRedirect = function() { location.href='http://www.example.com' };
$("#button1").click(function() {
    $("#label1").show();
    window.setTimeout("$('#label1').fadeOut('slow', doRedirect)", 10000);
});

1 个答案:

答案 0 :(得分:2)

如果你的jQuery是内联的,你可以执行以下操作:

var doRedirect = function() { location.href='http://www.example.com' };
$("#<%=button1.ClientId%>").click(function() {
    $("#<%=label1.ClientId%>").show();
    window.setTimeout("$('#<%=label1.ClientId%>').fadeOut('slow', doRedirect)", 10000);
});

如果它不是内联的(即在文件中),则需要以不同的方式获取要使用的客户端控件ID,例如将它们包含在带有ID的div中并选择他们通过div

<div id="myId">
   <asp:Label runat="server" id="label1" />
   <asp:Button runat="server" id="button1" />
</div>

var doRedirect = function() { location.href='http://www.example.com' };
$("#myId input").click(function() {
    $("#myId span").show();
    window.setTimeout("$('#myId span').fadeOut('slow', doRedirect)", 10000);
});

请注意,我使用输出HTML元素类型作为jQuery选择器中的后代。