JS SlideUp和SlideDown在列表中不起作用
JS SlideUp和SlideDown是jQuery中的两个方法，用于实现元素的垂直滑动效果。SlideUp用于向上收起元素，SlideDown用于向下展开元素。
在列表中不起作用可能有以下几个原因：
- 没有引入jQuery库：SlideUp和SlideDown是jQuery的方法，需要先引入jQuery库才能使用。可以在HTML文件中的<head>标签中添加如下代码引入jQuery库：
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>或者下载jQuery库到本地，并在HTML文件中使用相对路径引入。
- 元素选择器错误：使用SlideUp和SlideDown时，需要正确指定要进行滑动效果的元素。可以通过id选择器、类选择器或其他jQuery选择器来选取元素。
- 元素样式错误：滑动效果的元素需要具有一定的样式属性，如height、display、overflow等。如果元素的高度为0或者display属性为none，那么滑动效果将不会生效。可以在CSS文件中为元素添加相应的样式。
- 代码执行顺序问题：如果在元素还未加载完全时就执行SlideUp或SlideDown方法，那么滑动效果可能无法正常显示。可以确保在页面加载完毕后再执行滑动效果的代码，可以使用$(document).ready()函数或window.onload事件来确保代码执行的时机。
综上所述，如果在列表中使用JS SlideUp和SlideDown不起作用，可以检查是否正确引入了jQuery库，确认元素选择器和样式设置正确，以及代码执行的时机是否正确。如果问题仍然存在，可以进一步调试代码或提供更多的具体信息以便定位问题。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体云计算品牌商，无法给出腾讯云相关产品和链接地址。但腾讯云也提供了丰富的云计算服务和解决方案，可以通过访问腾讯云官方网站获取相关信息。
相关·内容
我已经在JS中动态创建了一个列表，并提供了添加/删除项。如果我从列表末尾删除一项，则后续的添加可以正常工作。但是，如果我删除了(而不是最后一个元素)中的一项，那么随后添加的项将不可见。我不确定我对SlideUp，SlideDown的理解是正确的。谁能检查一下代码，让我知道我哪里错了。 pa-section-list-data').find('#' + section).find('.list-grou
浏览 31提问于2019-03-15得票数 0
回答已采纳
1回答
我遇到了一个问题，超时功能根本不起作用。(500); function() { }, }<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.<
浏览 4提问于2017-02-13得票数 0
回答已采纳
.click(function(){ $("#one").slideDown("fast"); $("#three").slideUp("fast");
浏览 0提问于2013-07-11得票数 0
回答已采纳
我有一个物品清单，每个项目都有一个标题和一个正文。
最初，每个列表项的主体都是隐藏的，当用户单击标题时，应该进行幻灯片转换。因为每个列表项的主体都是可变高度，所以我需要在JS中这样做，因为CSS不能正确地完成height: auto的转换。(就连max-height也远未平稳。所以我使用的是Velocity.js库，而slideDown是完美的。slideUp无法运行，因为(我认为) Vue已经隐藏了元素。slide_up()不起作用
浏览 2提问于2017-03-22得票数 2
回答已采纳
我已经创建了UL列表，每个LI有两个DIVs一个可见的问题选项卡和一个隐藏的答案选项卡。标签右侧有一个按钮(问题选项卡有SlideDown按钮，应答选项卡有SlideUp按钮)。但是一旦我点击这些按钮，它就会显示整个UL列表中的所有DIVs。我如何才能只显示点击的内容，并让其余的DIVs被隐藏？.answerTab { } $(document).ready(func
浏览 3提问于2017-09-03得票数 0
回答已采纳
</div>Slidedown和Slideup都会出现，这取决于用户单击按钮。目前，我有一个440px的高度应用于底部导航，这是巨大的，真的只想出现在底部导航，如果幻灯片是存在的，并且屏幕尺寸在768px以下。如果一个类出现了，对只在另一个类上应用CSS样式有什么建议吗？我尝试过的尝试肯定不起作用： .bottom-nav .slidedown</e
浏览 6提问于2018-09-05得票数 3
回答已采纳
当我输入文本字段时，android手机的软键盘覆盖了输入字段。我使用cordova / angular 6构建我的应用程序 我已经尝试过这个解决方案： <preference name="Fullscreen" value="false" />
<edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity[@android:name='MainActivity']&#
浏览 17提问于2019-03-08得票数 0
<js> $("#curtain").slideUp("slow"); $("#curtain").slideDown("slow"); </js>
现在，如果我想在.slideUp和slideDown
浏览 2提问于2010-05-11得票数 1
我尝试像动画一样删除一个，然后添加另一个，然后删除当前的，然后添加另一个，就像循环一样。我可以用按钮来做这件事，但就像我说的那样，我想让它像动画一样。 $("#div1").remove();
$("#div3").prepend("Some prepended text."); 等。
浏览 13提问于2020-01-23得票数 0
嗨，实际上我想根据第一个下拉列表中的值显示一个新的下拉列表。在这里，我可以显示select上的下拉列表，但如果我们选择其他选项，我无法隐藏其他下拉列表。如果我们选择"supplier-contact-details"，则会显示lst1下拉菜单hide和lst2。请帮帮我。 }
$(".lst3").on("change"
浏览 0提问于2018-10-06得票数 0
1回答
我在身体上有一个背景图像，然后在图像上我有一个大的框，页脚，导航和页眉。
我正在尝试实现一个链接到一个名为slideUp的类的按钮。这个类有一个向上箭头的图像。当我点击这个按钮，框，页脚，导航和页眉将滑动和消失。然后我有另一个按钮，还有一个名为slideDown的类，其中有一个指向下方的箭头图像。当我点击这个按钮时，所有的东西都会滑下来。第一部分运行得很好，它显示了buttonUp并隐藏了ButtonDown，但“else if”不起作用。单击buttonUp后，它不会
浏览 4提问于2017-03-05得票数 0
1回答
Accordian菜单自动折叠
、、、、
请从jfiddle找到我的html和jquery代码。$('.loc').click(function () {
$(this).next().slideDown();编辑:我的问题是，如果我单击一
浏览 1提问于2015-08-27得票数 0
我想知道为什么这个简单的开关不起作用。复选框的html为：而文档中的jquery (就绪)是： break;如果我
浏览 0提问于2010-02-23得票数 0
回答已采纳
这是我的代码，它目前不起作用：<div class="accordionHead"></div>jquery
$('.accor
浏览 0提问于2014-09-05得票数 0
3回答
$("button").click(function() { });<script src="https://ajax.googleapis.com&#x
浏览 4提问于2016-01-13得票数 2
回答已采纳
然而，当我将鼠标从底部条移动到新出现的div (在div中滑动)中的某个东西上时，它将重新启用效果，我如何才能停止这一点，以便我可以将鼠标悬停在两者上(在div中滑动被启用之后)，并让它重新启动效果，本质上是将它放入一个相同的slideDown/slideUp效果的循环中。下面是我的代码：$(".player, .playlist").hover(
functio
浏览 4提问于2011-02-10得票数 1
回答已采纳
1回答
如何在live mouseenter中设置bind unbind。
编辑:在我的代码中，如果鼠标移入和移出div块的速度很快，js会记住鼠标经过的次数，然后鼠标应该被停在div块之外，div.tile仍然会一次又一次地slidedown sliderup，直到js<
浏览 3提问于2011-08-09得票数 0
回答已采纳
当我在面板头上悬停时，我尝试使用jQuery来制作面板(卡)的主体，当不再悬停在面板标题或主体上时，使用slideUp。每个动作、slideDown和slideUp都需要500毫秒。/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <
浏览 5提问于2019-12-06得票数 0
回答已采纳
我最近了解到，zepto没有像jquery那样的slideDown()插件。我想为zepto实现同样的功能。
我在jsfiddle ()上尝试过一个。在这里，它在显示元素时不会产生动画效果。
浏览 0提问于2012-09-05得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
