将 asp:imagebutton 替换为使用 jquery 处理图像

Question

所以我有一个asp：imagebutton，比如说登录到一个网站。

单击

页面执行 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

与其完全

用其他东西替换整个元素，只需更改当前元素的src：

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

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

Answer 2

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

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

Answer 3

我想

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

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