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

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

如何創(chuàng)建 Javascript onclick 循環(huán)？

如何創(chuàng)建 Javascript onclick 循環(huán)？

萬千封印 2022-11-11 15:05:36
我正在嘗試創(chuàng)建一個(gè)工具，如果箭頭在 0 度，它會(huì)旋轉(zhuǎn)，如果它在 90 度，它會(huì)旋轉(zhuǎn)回 0 度。但是，目前，它在第一次單擊時(shí)旋轉(zhuǎn)，箭頭設(shè)置為 90 度，但在第二次單擊時(shí)沒有將其轉(zhuǎn)回。為什么？    function togglepage() {        if (document.getElementById("toggle").style.transform = "rotate(0deg)") {            document.getElementById("toggle").style.transform = "rotate(90deg)";        }        else if (document.getElementById("toggle").style.transform = "rotate(90deg)") {            document.getElementById("toggle").style.transform = "rotate(-90deg)";            document.getElementById("toggle").style.transform = "rotate(0deg)";        }    }
查看完整描述

3 回答

?
九州編程

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

您的條件不正確，您需要使用 '==' 之類的


if (document.getElementById("toggle").style.transform == "rotate(0deg)") 

正確的功能是這樣的——


function togglepage() {

        if (document.getElementById("toggle").style.transform == "rotate(0deg)" || document.getElementById("toggle").style.transform == "") {

            document.getElementById("toggle").style.transform = "rotate(90deg)";

        }

        else if (document.getElementById("toggle").style.transform == "rotate(90deg)") {

            document.getElementById("toggle").style.transform = "";

        }

        

}


查看完整回答
反對(duì) 回復(fù) 2022-11-11
?
縹緲止盈

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

請(qǐng)嘗試此代碼


https://codepen.io/dkreativetech/pen/yLeEKoY


代碼


<script src="https://code.jquery.com/jquery-3.5.1.js"></script>

<div class="dropdown">

    <button class="dropdown-toggle" type="button">

        DROPDOWN

        <div class="caret">?</div>

    </button>

</div>

jQuery代碼


$(".dropdown-toggle").on("click", function () {

    $(".caret").toggleClass("active");

})

CSS 代碼


.dropdown .dropdown-toggle {

    color: #fff;

    background-color: #337ab7;

    border-color: #2e6da4;

    border: 1px solid transparent;

    padding: 6px 20px 6px 12px;

    font-size: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

}


.dropdown-toggle .caret {

    margin-left: 10px

}


.dropdown-toggle .caret.active {

    transform: rotate(90deg);

}


查看完整回答
反對(duì) 回復(fù) 2022-11-11
?
繁星coding

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

我希望這有幫助


let toggle = document.getElementById("toggle");


function togglepage(toggle) {

    console.log(toggle);

    switch(toggle.style.transform){

        case "":

        case "rotate(180deg)":  

        case "rotate(0deg)":

            toggle.style.transform = "rotate(90deg)";

        break;

        case "rotate(90deg)":

            toggle.style.transform = "rotate(180deg)";

        break;

    }       

}


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

添加回答

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