如何在ASP回发上保持JQuery slideToggle

时间:2018-04-18 19:37:36

标签: javascript jquery asp.net

我有一个非常简单的slideToggle。打开和关闭就好了。我有一些工具,一些导致回发的下拉菜单。回发执行后,会导致slideToggle返回。我如何防止这种情况发生?是否有我错过或不知道的默认值设置?

我已经搜索了这个答案的高低,没有任何作用。我尝试了很多不同的选择,但都没有导致任何结果。在网站上给出的所有答案都不起作用。还有其他建议吗?再次感谢您的帮助

这是slideToggle代码。

<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>

1 个答案:

答案 0 :(得分:1)

这是一个非常基本的例子。 state的值将从TextBox加载,递增,然后再次存储。您会发现没有服务器端代码的每个PostBack上的值都会递增。对此进行调整以存储面板的打开状态。 我使用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" />