c# - 5 秒后自动隐藏图像

Question

我的项目中有一个 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;

Answer 1

因为您使用的是 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)
    })
 })