首頁猿問請問有沒有辦法在隱藏的時候，讓B確...

請問有沒有辦法在隱藏的時候，讓B確實先執(zhí)行完.hide('500')后再讓A.hide()？

JQuery

翻翻過去那場雪 2022-11-03 22:18:31

有AB 2個層，B在A里面，初始display都是none，首先是顯示效果，A.show()后B.show('500'); 效果正常：A層先顯示，B層以500的速度勻速逐漸顯示但是隱藏出現(xiàn)了問題，希望達到的效果是B層先以500的速度hide，然后A再hide，但無論如何順序，都是AB一起瞬間都隱藏掉了

查看完整描述

3 回答

慕蓋茨4494581

TA貢獻1850條經(jīng)驗獲得超11個贊

show, hide 都有 callback 函數(shù)，callback 就是在一個動作完成之后【再】執(zhí)行的函數(shù)
$("#divB").hide(500, function() {
$("#divA").hide();
});

反對回復 2022-11-08

慕村9548890

TA貢獻1884條經(jīng)驗獲得超4個贊

在jquery中我顯示與隱藏元素可以直接使用show()和hide()來操作，這比起js中的操作要方便了，同時show()和hide()還可以設置參數(shù)讓我們的運行有個緩存效果
首先來看個段落文字的顯示和隱藏

1：show() 方法
顯示出隱藏的 <p> 元素。代碼如下：
$(".btn2").click(function(){
$("p").show();
});

2：hide()隱藏可見的 <p> 元素：代碼如下：
$(".btn1").click(function(){
$("p").hide();
});
3：jQuery代碼如下：
$("element").show("slow");
運行該代碼后，元素將在600毫秒內(nèi)慢慢的顯示出來。其它的速度關鍵字還有”normal“和”fast“（長度分別是400毫秒和200毫秒）。
不僅如此，還可以為顯示速度指定一個數(shù)字，單位是毫秒。
例如，使用如下代碼使元素在1秒鐘（1000毫秒）內(nèi)顯示出來；
$(”element").show(1000);在前面的例子中，把其中的hide()方法改為hide(600),show()方法改為show(600)。
jQuery代碼如下：
$(function () {
$("#panel h5.head").toggle(function () {
$(this).next().hide(600);
}, function () {
$(this).next().show(600);
})
});
從代碼的執(zhí)行過程中，可以發(fā)現(xiàn)，hide(600)方法會同時減少“內(nèi)容”的高度、寬度和不透明度，直至3個屬性的值為0，最后設置該元素的CSS規(guī)則為“display:none”。

然后我們再來看個簡單的代碼：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").hide();
});
$(".btn2").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>
這個就是超簡單的顯示與隱藏了，如果要有效果我們只要在hide或show中帶時間或參數(shù)即可：
代碼如下：
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").hide(1000);
});
$(".btn2").click(function(){
$("p").show(1000);
});
});
</script>