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/ ，是的，我知道我对吸血鬼有错字。