javascript - 用 jquery 处理图像替换 asp:imagebutton

Question

所以我有一个 asp:imagebutton 让我们说登录到一个网站。

OnClick 页面执行 xyz 然后重定向您，从单击按钮开始重定向之间有一个暂停时间。为了让等待对用户更加友好，我将按钮替换为处理图像和文本，执行此操作的 javascript 是：

$(document).ready(function () {
    $(".ShowProcessing").click(function () {
        $(this).replaceWith("<img src='/content/images/processing.gif' /> Processing");
    });
});

这是按钮：

<asp:ImageButton ID="Login" runat="server" OnClick="Login_Click" CssClass="ShowProcessing" />

问题是处理图像发生了变化，但是 asp OnClick 事件没有触发。

Answer 1

而不是使用.replace()尝试并成功：

$(".ShowProcessing").click(function () { 
    $(this).hide(); 
    $(this).after("<img src='/content/images/processing.gif' /> Please wait..." ) 

}); 

Answer 2

而不是用其他东西完全替换整个元素，只需改变src当前元素的：

$(".ShowProcessing").click(function () {
    $(this).attr("src", "/content/images/processing.gif");
});

这是如果 ImageButton被渲染为img适当的，某处，而不仅仅是一些时髦input的脚本（我不记得我的头顶，网络表单以奇怪的方式做一些事情）。然后根据需要继续在现有元素之后插入文本。

Answer 3

我想您可能会尝试删除第一个图像，然后添加新的处理图像。

而不是替换使用（删除然后添加）功能。