当我点击asp按钮它不工作时,慢慢显示/隐藏div onclick jquery

时间:2014-12-18 15:16:33

标签: javascript jquery

当我点击按钮时,我想使用jquery慢慢显示/隐藏div。该div将具有数据库的结果。当它打开时我想要它,以慢动作打开。当div滑下时我的asp按钮有另一个问题它返回自动再次向上滑动。我认为这是来自回发。我将不胜感激任何帮助。

<script src="script/jquery-1.11.1.min.js"></script>
<script>

   $(document).ready(function () {
       $("#<%=Button1.ClientID%>").click(function () {
           $("#showdivslowly").slideDown(2000);
       });
   });

</script>
<form id="form1" runat="server">

    <div runat="server" id="showdivslowly" style="width:500px; height:200px; background-color:Blue" visible="false">Welcome</div>

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

    </form>

1 个答案:

答案 0 :(得分:0)

请尝试以下代码

<script src="script/jquery-1.11.1.min.js"></script>
<script>

    $(document).ready(function () {
        $("#<%=Button1.ClientID%>").click(function () {
            $("#showdivslowly").slideDown(2000);
            return false;
        });
    });

<div id="showdivslowly" style="width:500px; height:200px; background-color:Blue; display: none;">Welcome</div>
<asp:Button ID="Button1"  runat="server"  Text="Button" />

谢谢, 阿米特