gpt4 book ai didi

javascript - 在 Jquery SlideUp 动画之前发生回发

转载 作者:行者123 更新时间:2023-12-01 04:09:21 25 4
gpt4 key购买 nike

我遇到一个问题,由于在动画完成之前发生回发,JQuery 中的 SlideUp 方法的动画无法正常工作。

我的 aspx 文件中有以下代码

<script type="text/javascript">
function SlideUp() {
$('.sectionPanel').slideUp("slow", function () { return true; });
}
</script>

<asp:LinkButton runat="server" CssClass="sideTab" OnClientClick="return SlideUp();" OnClick="SideMenuTab_OnClick" >Breach Details</asp:LinkButton>
<asp:LinkButton runat="server" CssClass="sideTab" OnClick="SideMenuTab_OnClick" OnClientClick="return SlideUp();">Additional</asp:LinkButton>

<asp:Panel runat="server" ID="uxPanel1" CssClass="sectionPanel" style="background-color:Yellow;">
Panel 1
</asp:Panel>
<asp:Panel runat="server" ID="uxPanel2" CssClass="sectionPanel" style="background-color: Red;">
Panel 2
</asp:Panel>

最佳答案

您可以通过始终返回 false 来停止 LinkBut​​ton 的回发。

<asp:LinkButton runat="server" ID="LinkButton1" OnClientClick="SlideUp(); return false;">Breach Details</asp:LinkButton>

然后,您可以通过使用 __doPostBack 延迟调用其 PostBack 事件来启动按钮单击。

<script type="text/javascript">
function SlideUp() {
$('.sectionPanel').slideUp("slow");
setTimeout(function () { fakePostBack(); }, 1500);
}

function fakePostBack() {
__doPostBack('<%= LinkButton1.UniqueID %>', '');
}
</script>

这要求 LinkBut​​ton 有一个 ID,在您的代码片段中他们没有 ID。您需要将此作为 UniqueID

关于javascript - 在 Jquery SlideUp 动画之前发生回发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41611375/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com