第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 jQuery 中多次單擊顯示/隱藏函數(shù)

在 jQuery 中多次單擊顯示/隱藏函數(shù)

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 ] )


查看完整回答
反對 回復(fù) 2022-09-23
  • 1 回答
  • 0 關(guān)注
  • 133 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號