我正在嘗試使用 jQuery 在您單擊按鈕時交替地淡入和淡出文本。我想出了這個代碼：
$("button").click(function() {
$('#p1').fadeIn();
$("button").click(function() {
$('#p1').fadeOut();
$('button').off("click");
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>Button</button>
<p id='p1'> Paragraph </p>這只作業一次（在第一次點擊時淡出，第二次淡出）并且按鈕永遠停止作業。
如果我注釋掉第 5 行，該按鈕會起作用一次，每次我再次按下它時，文本會同時淡入淡出，這不是我想要的。
我究竟做錯了什么？
uj5u.com熱心網友回復：
有一種方法fadeToggle()可以在淡入和淡出之間切換。
$("button").click(function() {
$('#p1').fadeToggle();
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<button>Button</button>
<p id="p1">Paragraph</p>uj5u.com熱心網友回復：
好吧，fadeToggle() 是這里的方法。
但是如果我出于某種原因只想使用淡入淡出和淡出......我是這樣解決的：
var clickCount = 0;
$('button').click(function() {
if (clickCount % 2 == 0) {
$('#p1').fadeIn();
}
else {
$('#p1').fadeOut();
}
clickCount ;
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/380009.html
標籤：javascript html 查询 淡入 逐渐消失
上一篇：子div的延遲懸停效果