Question

我正在使用任务运行器gulp js捆绑我的javascript文件，在开发应用程序期间，我注意到了某个问题。

当我添加新功能（显示密码）时，脚本由于以下形式的模态脚本而无法正常工作。

std::remove_if

密码显示功能不起作用，但是当我将其粘贴到chrome的开发工具中时，效果很好。

我不确定为什么不将其粘贴到开发工具中就无法工作，这让我感到困惑，我不确定它是我的设置还是自定义javascript。

这是我的gulp文件设置，以防万一有人要检查它，我看不到问题，但我只使用gulp大约3或4个月。

'use strict';

var modal__button = document.getElementById("enquiry-form-trigger");
var close__button = document.getElementById("close");

modal__button.addEventListener("click", function (){
    var modal = document.getElementById("modal-form");
    modal.classList.add("fadeIn");
    modal.style.visibility = "visible";
});

close__button.addEventListener("click", function (){
    var modal = document.getElementById("modal-form");
    modal.classList.remove("fadeIn");
    modal.style.visibility = "hidden";
});

 When the above script and this other script below

"use strict"

document.getElementById("password-reveal-modal").addEventListener("click", function (){
    var x = document.getElementById("password-modal");
    if (x.type === "password") {
        x.type = "text";
    } else {
        x.type = "password";
    }
});

引起问题的两个文件是我测试过的每个文件中唯一的文件，而且奇怪的是只有这两个文件，所以某种原因导致它发生冲突。

如果您希望我将项目上传到github，请告诉我，我会将最新版本上传到我的更新分支。

我已经用尽了所有的知识来解决这个问题，现在我完全陷入了困境。

如果有人可以帮助其他开发人员，将不胜感激。

欢呼

alex

Answer 1

在执行脚本之前，我需要确保DOM已完全加载。

用gulp js发行JavaScript

1 个答案: