我寫了兩個js腳本，它們都可以作業，但問題是只有代碼中第二個可以作業-有解無憂

我第一次嘗試開發電子商務網站，但在這里我寫了兩個腳本

正如您在圖片中看到的那樣，它運行良好，但只有第二個將在網站上運行，第一個影像下拉腳本運行第二個滾動功能

//show dropdowns//

function myFunction(a) {
    a.parentNode.getElementsByClassName('dropdown-content')[0].classList.toggle("show");
}

//click anywhere to hide dropdown//
window.onclick = function(event) {
    if (!event.target.matches('.dropbtn')) {
        var dropdowns = document.getElementsByClassName("dropdown-content");
        var i;
        for (i = 0; i < dropdowns.length; i  ) {
            var openDropdown = dropdowns[i];
            if (openDropdown.classList.contains('show')) {
                openDropdown.classList.remove('show');
            }
        }
    }
};



window.onscroll = function () {
    myFunction();
};

function myFunction() {
    if (document.documentElement.scrollTop > 50) {
        document.getElementById("tph").className = "scrolled";
    } else {
        document.getElementById("tph").className = "header_top";
    }
}

uj5u.com熱心網友回復：

嘗試更改其中一個函式的名稱以防止覆寫。

JavaScript 支持覆寫而不是多載，也就是說，如果你定義了兩個同名的函式，最后一個定義的函式將覆寫之前定義的版本，并且每次呼叫該函式時，都會執行最后一個定義的函式。

function myFunction(a) {
    a.parentNode.getElementsByClassName('dropdown-content')[0].classList.toggle("show");
}

//click anywhere to hide dropdown//
window.onclick = function(event) {
    if (!event.target.matches('.dropbtn')) {
        var dropdowns = document.getElementsByClassName("dropdown-content");
        var i;
        for (i = 0; i < dropdowns.length; i  ) {
            var openDropdown = dropdowns[i];
            if (openDropdown.classList.contains('show')) {
                openDropdown.classList.remove('show');
            }
        }
    }
};



window.onscroll = function() {
    myFunction2();
};

function myFunction2() {
    if (document.documentElement.scrollTop > 50) {
        document.getElementById("tph").className = "scrolled";
    } else {
        document.getElementById("tph").className = "header_top";
    }
}

轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/475724.html

標籤：javascript

上一篇：如何在<ul>標簽中顯示<p>標簽？

下一篇：檢查JSON屬性是否存在