JavaScript函數調用未執行

Question

我有一個純JavaScript函數，可從右側彈出div。 這可以寫得更好，但是我現在不擔心這一點。

如果我手動調用flyout() ，它會執行預期的操作。 如果我調用nextStep() ，它將執行它應該執行的所有其他操作 ，除了調用flyout() 。

這些功能在同一文件中。

function flyout() {
    window.phases.style.left = window.innerWidth - (window.phases.style.width.replace("px","").valueOf());
    window.flown = true;
    phasesName = document.getElementById("phasesName");
    phasesBody = document.getElementById("phasesBody");

    phasesName.style.display = "none";
    phasesBody.style.display = "block";
}


function nextStep() {
    switch (window.stepName) {
        case "Step1":
            stepName = "Step2";
            step2();
            break;

        case "Step2":
            stepName = "Step3";
            step3();
            break;

        case "Step3":
            stepName = "Step4";
            step4();
            break;

        case "Step4":
            stepName = "Step5";
            step4();
            break;
    };
    flyout();
}

除了調用flyout()函數外，它可以完成我想要的所有操作。

Answer 1

瀏覽器可能無法深入到nextStep（）中的flyOut（）調用。 將console.log或關於flyOut（）調用的警報放在nextStep（）中，並查看是否被調用。

Answer 2

我是個白痴。 它正在啟動，但是立即被另一個函數調用所抵消。

FWIW，該項目位於https://github.com/farfromunique/vampirrePoints/ ，是的，我知道我對吸血鬼有錯字。