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

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

由 javascript 可折疊事件偵聽器呈現(xiàn)的按鈕不起作用

由 javascript 可折疊事件偵聽器呈現(xiàn)的按鈕不起作用

鴻蒙傳說 2023-05-19 16:23:05
我正在嘗試使用 firebase 實(shí)時(shí)數(shù)據(jù)庫創(chuàng)建一個(gè)筆記保護(hù)程序,筆記的子集是可折疊的(顯示文本)但是在使用 javascript 呈現(xiàn)來自 firebase 的內(nèi)容后,可折疊按鈕被停用firebase.auth().onAuthStateChanged(function (user) {    if (user) {        var userId = firebase.auth().currentUser.uid;        var urlRef = firebase.database().ref("/user/" + userId + "/note/");        urlRef.once("value", function (snapshot) {            snapshot.forEach(function (data) {                var subject = data.val().Subject;                var text = data.val().Note;                var date = data.val().Date;                content += '<button style="font-weight: 900;" type="button" class="collapsible"> ' + subject + ' <span style="float: right;">' + date + '</span></button> ';                content += '<div class="content"> <p>' + text + '</p></div>';            });            $('#my_notes').append(content);        });    }});可折疊功能的代碼是這樣的 var coll = document.getElementsByClassName("collapsible");var i;for (i = 0; i < coll.length; i++) {    coll[i].addEventListener("click", function () {        this.classList.toggle("active");        var content = this.nextElementSibling;        if (content.style.display === "block") {            content.style.display = "none";        } else {            content.style.display = "block";        }    });}
查看完整描述

1 回答

?
慕神8447489

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

可能創(chuàng)建具有功能的按鈕和內(nèi)容段落document.createElement('el');并立即添加事件偵聽器可能會(huì)更好。... 是這樣的:


    firebase.auth().onAuthStateChanged(function (user) {

      if (user) {

        var userId = firebase.auth().currentUser.uid;

        var urlRef = firebase.database().ref("/user/" + userId + "/note/");


        urlRef.once("value", function (snapshot) {

          snapshot.forEach(function (data) {

            var subject = data.val().Subject;

            var text = data.val().Note;

            var date = data.val().Date;


            // create button to contain subject and date

            const button = document.createElement('button');

            button.classList.add('collapsible');

            button.style.fontWeight = 900;

            button.innerHTML = `${subject}  <span style="float: right;">${date}</span>`;


            // create paragraph to contain content and hide it

            const content = document.createElement('p');

            content.textContent = text;

            content.style.display = 'none';

            

            // add button and content to notes

            $('#my_notes').append(button);

            $('#my_notes').append(content);


            // add click event listener to button

            button.addEventListener('click', (event) => {

              event.target.classList.toggle('active');

              const content = event.target.nextElementSibling;

              if (content.style.display == 'block') {

                content.style.display = 'none';

              } else {

                content.style.display = 'block';

              }

            });

         });

        });

      }

    });


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

添加回答

舉報(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)