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

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

(HTML/Js) 循環(huán)元素可見性

(HTML/Js) 循環(huán)元素可見性

泛舟湖上清波郎朗 2023-08-21 17:18:06
試試這個(gè)ajax代碼  $.ajax({     url: "../server/CustomMsg.php",     type: "POST",    data: form_data,    contentType: false,        cache: false,        processData:false,         async: true,  success: function(html) {    if (html == 1) {      $('#register_form').fadeOut('slow');      $('.loading').fadeOut();      $('.message').html('Successfully Sent ! ').fadeIn('slow');    } else       alert('Sorry, unexpected error. Please try again later.');  }});基本上,當(dāng)您單擊“切換終端”時(shí),它應(yīng)該顯示藍(lán)色,然后如果您再次單擊,則返回黑色;當(dāng)您單擊“切換 vnc”時(shí),它應(yīng)該顯示綠色,然后如果您再次單擊,則返回黑色。如果您單擊“切換 vnc”并且它已經(jīng)是藍(lán)色,它應(yīng)該變成綠色,反之亦然(但單擊“切換終端”)我目前有以下內(nèi)容Js:      var terminal = document.getElementById('terminal');          //video-like element      var vncScreen = document.getElementById('screen');           //video-like element      var video = document.getElementById('video');                //video-like element      var vncToggle = document.getElementById('vncToggle');        //button      var termToggle = document.getElementById('terminalToggle');  //button      termToggle.onclick = function toggleTerminal() {        terminal.classList.toggle('hide');        vncScreen.classList.toggle('hide');        video.classList.toggle('hide');      }和css:.hide {  display: none;}當(dāng)我只有兩個(gè)不同的 HTML 元素時(shí),這種類切換方法就起作用了。現(xiàn)在有 3 個(gè),我不確定它是否會(huì)按預(yù)期工作。video最初是可見的,即hide不在其內(nèi)部classListterminal最初是隱藏的,hide即位于其classListvncScreen最初是隱藏的,hide即位于其classList何時(shí)toggleTerminal()調(diào)用:video變得隱藏terminal變得可見vncScreen變得可見(但不應(yīng)該)如果toggleVNC()被調(diào)用(之后toggleTerminal()):video再次變得可見(但不應(yīng)該)terminal變得隱藏vncScreen變得隱藏請(qǐng)注意,如果任一函數(shù)調(diào)用僅由其自身切換,則此方法將起作用(前提是我刪除了vncScreen.classList.toggle('hide');intoggleTerminal()和terminal.classList.toggle('hide');in toggleVNC())。問題是我需要考慮 和 按鈕按下的任何termToggle順序vncToggle。本質(zhì)上,我的目標(biāo)是“循環(huán)”這些元素,以便:1) 切換“選定”元素(即termToggle對(duì)應(yīng)于terminal元素的可見性 &&vncToggle對(duì)應(yīng)于vncScreen元素的可見性)隱藏其余兩個(gè)元素(分別為video&& vncScreen|| terminal&& video)2) “選定”元素的切換順序不影響 1)3)“選定”元素的第二個(gè)切換將隱藏其自身以及其他未選定的元素video關(guān)于如何最好地實(shí)現(xiàn)這一目標(biāo)有什么想法嗎?有一次,我考慮做一些邏輯來評(píng)估是否hide包含在適當(dāng)?shù)闹衏lassList,然后相應(yīng)地手動(dòng)添加或刪除hide類,但這對(duì)我來說似乎有點(diǎn)草率(idk,也許不是?)。
查看完整描述

1 回答

?
慕容森

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

請(qǐng)參閱有問題的代碼片段以了解功能,Js此處冗余發(fā)布:


var terminal = document.getElementById('terminal');

var vncScreen = document.getElementById('screen');

var video = document.getElementById('video');


var vncToggle = document.getElementById('vncToggle');

var termToggle = document.getElementById('terminalToggle');


termToggle.onclick = function toggleTerminal() {


  if (terminal.classList.contains('hide')) {

    terminal.classList.remove('hide'); 

    if (vncScreen.classList.contains('hide')) {} else {vncScreen.classList.add('hide')}

    if (video.classList.contains('hide')) {} else {video.classList.add('hide')}

  } else {

    terminal.classList.add('hide'); 

    if (video.classList.contains('hide')) {video.classList.remove('hide')} else {}

  }

}


vncToggle.onclick = function toggleVNC() {


  if (vncScreen.classList.contains('hide')) {

    vncScreen.classList.remove('hide'); 

    if (terminal.classList.contains('hide')) {} else {terminal.classList.add('hide')}

    if (video.classList.contains('hide')) {} else {video.classList.add('hide')}

  } else {

    vncScreen.classList.add('hide'); 

    if (video.classList.contains('hide')) {video.classList.remove('hide')} else {}

    }

}


查看完整回答
反對(duì) 回復(fù) 2023-08-21
  • 1 回答
  • 0 關(guān)注
  • 129 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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