我的项目中有一个 gif 图像。当我单击一个按钮时,它应该出现,5 秒后它应该从屏幕上消失。我尝试使用 j 查询来执行此操作。但我没有得到输出。我可能哪里出错了?
下面是我到目前为止尝试过的代码:
Jquery:
$(function () {
setTimeout(function () { $("#btnEmail").fadeOut(1500); }, 5000)
$('#btnMail').click(function () {
$('#btnEmail').show();
setTimeout(function () { $("#btnEmail").fadeOut(1500); }, 5000)
})
})
HTML
<asp:LinkButton ID="btnEmail" runat="server" onclick="btnMail_Click" Visible="false">
<asp:Image ID="Image8" imageurl="~/Images/email_animation.gif" runat="server" class="box" /> </asp:LinkButton>
<asp:LinkButton ID="btnMail" runat="server" Text="Send" onclick="btnMail_Click"/>
btnMail_Click(代码隐藏):
btnMail.Visible = false;
btnEmail.Visible = true;
最佳答案
因为您使用的是 ASP.NET 控件,所以生成的元素 ID 会有所不同。
你应该使用 Control.ClientID属性(property)。
Gets the control ID for HTML markup that is generated by ASP.NET.
使用
$(function () {
setTimeout(function () {
$("#<%= btnEmail.ClientID %>").fadeOut(1500);
}, 5000)
$('#<%=btnMail.ClientID %>').click(function () {
$('#<%=btnEmail.ClientID %>').show();
setTimeout(function () {
$("#<%=btnEmail.ClientID %>").fadeOut(1500);
}, 5000)
})
})
关于c# - 5 秒后自动隐藏图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23758310/