c# - asp.net 按钮工作一次然后停止工作

Question

我有一个图像字段，它第一次显示消息框时只能工作一次，但是当我使用取消按钮关闭消息框时，这就是我的方式

<script type="text/javascript">
 $(document).ready(function() { 

 $('#<%= imagebutton1.ClientID %>').click(function() {
        alert('hello');  // ONLY WORKS once 
        $.blockUI({message: $('#mainInsert')}); 
    });

 $('#<%= Button2.ClientID %>').click(function() { 
        $.unblockUI(); 
    });
}); 
</script>

这是我定义图像按钮的方式

<br />
<asp:ImageButton ID="imagebutton1" runat="server" ImageAlign="Right" ImageUrl="/_layouts/n.png" />
<br />
<br />

这是取消按钮代码，

 <div id="mainInsert" style="display: none; cursor: default">
    <asp:Button ID="Button2" Text="Cancel" runat="server" CssClass="rightButton" />
</div>

Answer 1

取而代之的是，

 $('#<%= imagebutton1.ClientID %>').click(function() {

我使用onclick并将代码放入自定义 JS 函数中以使其工作，因为在回发时它正在丢失附加到控件的事件。

Answer 2

您可能正在冒泡参加其他活动。请务必停止通过父母和孩子的点击事件进行传播。

<script type="text/javascript">
 $(document).ready(function() { 

 $('#<%= imagebutton1.ClientID %>').click(function(event) {
        alert('hello');  // ONLY WORKS once 
        $.blockUI({message: $('#mainInsert')}); 
        event.stopPropagation();
    });

 $('#<%= Button2.ClientID %>').click(function(event) { 
        $.unblockUI(); 
        event.stopPropagation();
    });
}); 
</script>

我不确定这会解决它，但这似乎是一个很好的第一枪。

乔伊