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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

單擊Javascript中的下一步按鈕后上一個(gè)視圖不會(huì)消失

單擊Javascript中的下一步按鈕后上一個(gè)視圖不會(huì)消失

倚天杖 2022-01-20 18:37:38
我正在嘗試使用 Bootstrap 和 jQuery 制作自己的多步驟表單。但是,當(dāng)單擊“下一步”按鈕時(shí),前一個(gè)窗格不會(huì)被下一個(gè)/新窗格替換,而是新窗格出現(xiàn)在前一個(gè)窗格的下方。//jQuery timevar current_fs, next_fs, previous_fs; //fieldsetsvar left, opacity, scale; //fieldset properties which we will animatevar animating; //flag to prevent quick multi-click glitches$(".next").click(function(){  if(animating) return false;  animating = true;  current_fs = $(this).parent();  next_fs = $(this).parent().next();  //activate next step on progressbar using the index of next_fs  $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");  //show the next fieldset  next_fs.show();  //hide the current fieldset with style  current_fs.animate({opacity: 0}, {    step: function(now, mx) {      //as the opacity of current_fs reduces to 0 - stored in "now"      //1. scale current_fs down to 80%      scale = 1 - (1 - now) * 0.2;      //2. bring next_fs from the right(50%)      left = (now * 50)+"%";      //3. increase opacity of next_fs to 1 as it moves in      opacity = 1 - now;      current_fs.css({        'transform': 'scale('+scale+')',        'position': 'absolute'      });      next_fs.css({'left': left, 'opacity': opacity});    },    duration: 800,    complete: function(){      current_fs.hide();      animating = false;    },    //this comes from the custom easing plugin    easing: 'easeInOutBack'  });});$(".previous").click(function(){  if(animating) return false;  animating = true;  current_fs = $(this).parent();  previous_fs = $(this).parent().prev();  //de-activate current step on progressbar  $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");  //show the previous fieldset  previous_fs.show();  //hide the current fieldset with style  current_fs.animate({opacity: 0}, {    step: function(now, mx) {      //as the opacity of current_fs reduces to 0 - stored in "now"      //1. scale previous_fs from 80% to 100%    },
查看完整描述

1 回答

?
茅侃侃

TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超22個(gè)贊

這個(gè)問題有兩個(gè)原因:

  1. 瘦身版的 jQuery 沒有動(dòng)畫功能。

  2. 您錯(cuò)過了包含自定義緩動(dòng)插件。

因此,要更正導(dǎo)入,您需要添加:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>

并使用縮小版而不是 jQuery 的精簡(jiǎn)版。

希望能幫助到你。


查看完整回答
反對(duì) 回復(fù) 2022-01-20
  • 1 回答
  • 0 關(guān)注
  • 215 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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