Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击按钮时,慢慢单击jquery以显示隐藏div_Javascript_Jquery - Fatal编程技术网

Javascript 单击按钮时,慢慢单击jquery以显示隐藏div

Javascript 单击按钮时,慢慢单击jquery以显示隐藏div,javascript,jquery,Javascript,Jquery,我想在单击按钮时慢慢地单击jquery显示隐藏div。这个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

我想在单击按钮时慢慢地单击jquery显示隐藏div。这个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>

$(文档).ready(函数(){
$(“#按钮1”)。单击(函数(){
$(“#showdivslow”).slideDown('slow');
});
});

欢迎
使用jQuery的功能:

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

$(文档).ready(函数(){
$(“#按钮1”)。单击(函数(){
$(“#showdivslow”)。切换(“slow”);
});
});
切换功能用于显示隐藏的div和可见的div

你也可以用秒来代替“慢”来传递时间。

几件事:

您不能在
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>

$(文档).ready(函数(){
$(“#”)单击(函数(){
$(“#缓慢地显示”)。向下滑动(2000年);
});
});
欢迎

您可以使用
slideDown('slow');
而不是
slideDown(1500);
如果1500以毫秒表示时间,则不能在脚本标记上设置src属性并在脚本标记之间包含文本,它必须是一个或另一个。在ajax操作成功回调中调用show函数:
$.ajax(“example.asp”)。完成(函数(数据){//设置divs innerhtml并调用show('slow')};
另请注意:他想要慢动作,因此可以使用
slideDown('slow')
而不是
slideDown(2000)
我运行此脚本时出错。system.web.ui.webcontrols.button不包含'clientID'@mohamedelhawary的定义--它是
clientID
-大写Cit已工作,但当它向下滑动时,会自动重新向上滑动ia可以做什么?有人帮助吗me@Neoaptt谢谢你的推荐:)