时间戳

首页 > 解决方案 > Jquery SlideDown（）函数未显示

javascript - Jquery SlideDown（）函数未显示

问题描述

当我单击gridview 列表时，我想slideUp 和slideDown gridview，但只有slideUp 工作。

下面显示在脚本文件中。

$('.divname').SlideUp(

以下内容未显示在脚本文件中

$('.divname').SlideDown(

标签： javascriptjquery

解决方案

它们区分大小写，应该像这样使用：slideUp()and slideDown()and not SlideUp()or SlideDown()。

请参阅下面的示例。红色div用slideUp()，黄色div用SlideUp()。

$('#test1').mouseover(function() { 
  $(this).slideUp(); 
});
$('#test2').mouseover(function() { 
  $(this).SlideUp(); 
});
#test1 { margin: 1em; border: 1px solid black; width: 100px; height: 100px; background-color: red; position: absolute; top: 0; left: 0; }
#test2 { margin: 1em; border: 1px solid black; width: 100px; height: 100px; background-color: yellow; position: absolute; top: 0; left: 150px; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="test1">test1</div>
<div id="test2">test2</div>

推荐阅读