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

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

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

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

Answer 2

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

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

});

Answer 3

我猜您可能会尝试删除第一张图片，然后添加新的处理图片。

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

使用jquery替换asp：imagebutton和处理图像

3 个答案: