弹出控制链接按钮防止回发

本文关键字：按钮 控制 链接 | 更新日期: 2023-09-27 18:19:07

我使用的是一个弹出控件，里面有一个链接按钮，用于关闭弹出窗口。问题是链接按钮(或下面代码中的图像按钮)导致完全回发，这不是预期的。有人能帮忙吗?代码如下:

  <asp:PopupControlExtender ID="PopupControlLogin" BehaviorID="logpop" Position="Bottom"
    TargetControlID="myLogin" PopupControlID="PanelLogin" runat="server">
</asp:PopupControlExtender>
<asp:Panel ID="PanelLogin" Style="position: absolute; display: none;" runat="server">
    <div style="border: solid 1px #808080; border-width: 1px 0px;">
        <div style="background: url(images/sprite.png) repeat-x 0px -200px;">
            <asp:Label ID="Label2" runat="server" Style="font-weight: bold;" Text="Login" />
            <asp:ImageButton ID="ImageButton1" Style="background: url(images/sprite.png) no-repeat 0px -300px;"
                OnClientClick="$find('logpop').hide(); return false;" runat="server" />
        </div>
        <div style="background-color: #f2f2f2; width: 300px; height: 150px;">
            My Content
        </div>
    </div>
</asp:Panel>

弹出控制链接按钮防止回发

你是正确使用它，但我认为有一个错误在你的jquery $find。应该是

$('#logpop').hide();

或

OnClientClick="$('#logpop').hide(); return false;"

我会将按钮更改为一个直接的HTML链接:

<a href="#" onclick="$find('logpop').hide(); return false;"><img src="images/sprite.png" /></a>

您可以根据需要调整显示，但这应该是您需要的。

相关文章：