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

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

打開降臨節(jié)日歷的功能

打開降臨節(jié)日歷的功能

哈士奇WWW 2023-06-15 16:42:49
我是 html 的新手,尤其是 javascript,所以我對這些東西還不是很好。我一直在嘗試為我的朋友制作一個顯示交互式出現(xiàn)日歷的 html 頁面。我希望頁面只顯示某一天的框(所以在 12 日只顯示第 12 個框)和之前的框。首先,我希望得到一個解決方案來做到這一點,但由于幾個小時以來我一直在失敗,所以我現(xiàn)在可以打開它們了......我現(xiàn)在的問題是,當向下滾動到第二個框時,它會將我?guī)У巾撁娴拈_頭 (Firefox),并且我能夠打開應該鎖定的框。所以我希望有人能幫我解決這個問題,因為這是我送給朋友的圣誕禮物,他一直在嘗試教我 html。我的卡片在 html 中看起來像這樣<div class="calendar">    <div onclick="checkdate(1)">        <div class="scene scene--card">            <div class="card">                <div class="card__face card__face--front i1"></div>                <div class="card__face card__face--back">                    <span>Header</span><br><br>Text                </div>            </div>        </div>    </div>    <div onclick="checkdate(2)">        <div class="scene scene--card">            <div class="card">                <div class="card__face card__face--front i2"></div>                <div class="card__face card__face--back">                    <span>Header</span><br><br>Text                </div>            </div>        </div>    </div></div>我找到正確盒子的腳本看起來像這樣function checkdate(selectday) {    var dateselect = new Date (2020, 10, selectday);    var card = document.querySelector('.card');    var datenow = new Date();    if (datenow > dateselect) {        $('.scene').select(function() {        $(".card", this).toggleClass("is-flipped")});    } else {        alert ("No cheating!");    }}對不起,如果我忘記了什么或做錯了什么,這是我的第一篇文章。請讓我知道是否是這種情況!
查看完整描述

1 回答

?
四季花海

TA貢獻1811條經(jīng)驗 獲得超5個贊

您的主要問題來自于此:


加載 HTML/JS 時,您是在告訴一張卡片,點擊它可以翻轉(zhuǎn)。因此,無論您在 checkDate 函數(shù)中做什么,任何卡片都會翻轉(zhuǎn)。


var card = document.querySelector('.card');

$('.scene').on('click', function() {

   $(".card", this).toggleClass("is-flipped");

});

我建議擺脫那部分代碼。


現(xiàn)在,您需要從 checkDate 函數(shù)翻轉(zhuǎn)卡片。這是與您的代碼當前結(jié)構最相似的修復程序:


function checkdate(selectday, card) { // TAKE ANOTHER PARAMETER OF THE CARD CLICKED

    var dateselect = new Date (2020, 10, selectday);

   // var card = document.querySelector('.card'); THIS VARIABLE WAS NEVER USED SO I COMMENTED IT OUT AND STOLE THE NAME

    var datenow = new Date();

    if (datenow > dateselect) {

          //$('.scene').select(function() { // CAN JUST GET THE CARD FROM THE VARIABLE PASSED IN

                $(card).toggleClass("is-flipped"); // USING "card" INSTEAD OF YOUR GLOBAL SELECTOR

          //});

    } else {

        alert ("No cheating!");

    }

}

你因為我們現(xiàn)在把要翻轉(zhuǎn)的卡片作為參數(shù),所以我們需要更改html:


            <div> // I RELOCATED THE ONCLICK FUNCTION TO THE CARD ELEMENT

                <div class="scene scene--card">

                     <div class="card"  onclick="checkdate(24, this)"> // HERE IS WHERE THE CLICK WILL BE DETECTED, AND PASSING "this" WILL PASS THE CARD HTML ELEMENT INTO THE JS FUNCTION

                         <div class="card__face card__face--front i24"></div>

                         <div class="card__face card__face--back"><span style="font-size: 1.5em; text-decoration: underline">Header</span><br><br>Text here</div>

                     </div>

                </div>

            </div>

  

您需要對所有卡片進行 HTML 更改。


翻牌的方法有很多,但我認為這個解決方案與您已有的解決方案最相似。


同樣,我們不再告訴卡片在單擊時翻轉(zhuǎn),而是告訴卡片在可接受的日期范圍內(nèi)翻轉(zhuǎn)。


查看完整回答
反對 回復 2023-06-15
  • 1 回答
  • 0 關注
  • 109 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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