GCT1015
2022-09-23 09:58:04
我做了這樣:代碼筆或代碼下來$(document).ready(function () { var btn1Status = 0; $("button").click(function () { if (btn1Status === 0) { $(".info").slideDown(); $(".info").show("slow"); $("button").text("less"); btn1Status = 1; } else { $(".info").slideUp(); $(".nfo").hide("slow"); btn1Status = 0; $("button").text("More"); } }); });button { background-color: black; color: white; width: 50px; height: 30px;}button:focus { outline: none;}ul { list-style-type: none; margin: 10px; padding: 0;}.info { background-color: black; color: white; font-family: arial; width: 400px; display: none;}<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><div><img src="https://img.favpng.com/22/6/0/portable-network-graphics-movie-camera-film-clip-art-computer-icons-png-favpng-qfZ7hHPN2CCxiK8sYfjS2Sti9.jpg" width="400"><button>More</button></div><div class="info"> <ul> <li>Name: movie1</li> <li>Time: 6:00PM</li> <li>Info 3 : blablabla</li> <li>Info 4 : blablabla</li> </ul></div>。當(dāng)有人單擊該按鈕時,應(yīng)顯示信息 div。問題是,如果我多次單擊該按鈕,然后將其抬起,它將繼續(xù)顯示和消失。如何解決此問題。感謝您的幫助。
1 回答

拉風(fēng)的咖菲貓
TA貢獻(xiàn)1995條經(jīng)驗 獲得超2個贊
如果您希望能夠讓用戶多次單擊但不構(gòu)建動畫隊列,則可以使用jQuery中的stop函數(shù)來停止/清除任何當(dāng)前正在運行的動畫的隊列。
if (btn1Status === 0) {
$(".info").stop(true, true).slideDown();
$(".info").show("slow");
$("button").text("less");
btn1Status = 1;
} else {
$(".info").stop(true, true).slideUp();
$(".info").hide("slow");
btn1Status = 0;
$("button").text("More");
}
如果多次單擊按鈕,這將取消動畫隊列。的兩個參數(shù)是: 。clearQueue 需要清除當(dāng)前動畫隊列,jumpToEnd 將在跳到下一個動畫之前取消當(dāng)前正在運行的動畫,或者從當(dāng)前動畫幀開始運行下一個幻燈片動畫。.stop()( [clearQueue ] [, jumpToEnd ] )
添加回答
舉報
0/150
提交
取消