jQuery hide()/show()

q9yhzks0  于 2023-08-04  发布在  jQuery
关注(0)|答案(3)|浏览(94)

我试图隐藏页面中的一个元素(它是YouTube播放器示例)。当我使用jQuery的hide()方法时,播放器变得有点不稳定,因为它停止响应,即使在我再次调用.show()之后。
hide()是否有其他变体,比如.opacity(0)或.visibility('none')?我不介意播放器占用页面空间,我只是想隐藏它,这样用户就不能与它交互,直到我准备好显示视频(播放器碰巧需要一个视频立即加载,但我没有一个,直到用户从另一个UI元素中选择一个!)

xdnvmnnf

xdnvmnnf1#

您可以将元素的CSS display属性设置为none,但这本质上与$.hide()所做的相同。
不要 * 隐藏 * 包含视频播放器的元素,考虑 * 屏蔽 * 它。不要修改播放器元素的可见性,而是在顶部渲染另一个元素并调整该元素的可见性。

9cbw7uwe

9cbw7uwe2#

试试看

.css('visiblity', 'collapse');

字符串

gudnpqoy

gudnpqoy3#

如果你想隐藏并使用jQuery动画元素,你可以使用.slideUp()和slideDown()。

$('#example').slideDown(milliseconds); //tag animation take milliseconds to scroll up and hide

$('#example').slideUp(milliseconds);

字符串

相关问题