當我單擊按鈕時，顯示show div onclick jquery緩慢

Question

我想在我單擊按鈕時緩慢顯示hide div onclick jquery。此div將來自數據庫。我希望它以慢動作打開時打開。

    <head runat="server">
    <title></title>
   <script src="script/jquery-1.11.1.min.js" type="text/javascript"></script>

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

       $(document).ready(function () {
           $("#Button1").click(function () {
               $("#showdivslowly").slideDown('slow');
           });
       });

   </script>
</head>

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

Answer 1

使用jQuery的切換功能：

<script>
$(document).ready(function () {
   $("#Button1").click(function () {
        $("#showdivslowly").toggle("slow");
   });
});
</script>

切換功能用於顯示div是否隱藏以及是否可見。

您也可以以秒為單位而不是“慢”來傳遞時間。

Answer 2

一些事情：

您不能在script標簽中設置src ，然后在其中包含script -必須將其關閉：

您的按鈕具有服務器生成的ID（由runat="server"引起）-因此您需要使用ClientID

您的div不需要包含runat="server" -我懷疑您只是針對Visible="false屬性執行此操作，而是使用CSS

slideDown也需要花費毫秒的時間作為參數

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

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

</script>

<div id="showdivslowly" style="width:500px; height:200px; background-color:Blue; display: none;">Welcome</div>

當我單擊按鈕時，顯示show div onclick jquery緩慢

問題描述

2 個解決方案

解決方案1
2 2014-12-18 13:52:22

解決方案2
2 2014-12-18 13:53:13

當我單擊按鈕時，顯示show div onclick jquery緩慢

問題描述

2 個解決方案

解決方案1 2 2014-12-18 13:52:22

解決方案2 2 2014-12-18 13:53:13

解決方案1
2 2014-12-18 13:52:22

解決方案2
2 2014-12-18 13:53:13