javascript - 如何在 ASP 回发时保持 JQuery SlideToggle 关闭

Question

我有一个非常简单的slideToggle。打开和关闭都很好。我有一些工具，一些导致回发的下拉菜单。当回发执行时，它会导致 slipToggle 返回。我该如何防止这种情况发生？是否有我错过或不知道的默认值设置？

我到处寻找这个答案，但没有任何效果。我尝试了很多不同的选择，但都一无所获。网站上给出的所有答案都不起作用。还有其他建议吗？再次感谢您的帮助

这是幻灯片切换代码。

<script type="text/javascript">
    $(document).ready(function () {
        $(".Flip").click(function () {
            $(".FlipPanel").slideToggle("slow");
        });
    }); `enter code here`
</script>

这是我用来打开和展开的标记。使用一些 CSS 来设置它的样式。

<div class="Flip" id="testFlip" runat="server">Preferred Cargo</div>
<div class="FlipPanel">

</div>

Answer 1

这是一个非常基本的示例。 state 的值将从 TextBox 加载，递增，然后再次存储。您会发现每次回发时该值都会递增，而无需服务器端代码。调整它来存储面板的打开状态。 我使用 TextBox 来可视化该过程，但通常您会使用 HiddenField。

<script type="text/javascript">
    $(document).ready(function () {
        var state = $("#<%= TextBox1.ClientID %>").val();
        state++;
        $("#<%= TextBox1.ClientID %>").val(state);
    });
</script>

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br>
<asp:Button ID="Button1" runat="server" Text="Button" />