Question

如何创建在用户点击Jade模板上的按钮时弹出的表单？我在HTML中尝试了以下操作：

http://www.formget.com/how-to-create-pop-up-contact-form-using-javascript/

现在要在我的Node.js项目中使用它，我需要为表单本身创建一个单独的Jade文件吗？这就是我尝试过的，然后我尝试显示这样的形式：

function div_show() {
    alert("Test");
    document.getElementById('abc').style.display = "block";
}

不幸的是，这不起作用。在Jade中创建弹出窗体的建议方法是什么？我真的和Jade很困惑，我似乎无法为此找到一个好的教程，有HTML的加载......

感谢您的帮助！

Answer 1

通常情况下，您可以使用：
document.getElementById（＆＃39; abc＆＃39;）。style.visibility =＆＃34; visible＆＃34;;

要隐藏您的表格，请使用：
document.getElementById（＆＃39; abc＆＃39;）。style.visibility =＆＃34; hidden＆＃34;;

使用＆＃39;样式＆＃39;属性您正在使用普通的css命令。如果这是您想要的，请确保您的默认div样式设置具有“隐藏”功能。

此显示：阻止;可见性：隐藏;＆＃39;必须存在于该div样式的默认设置中，以便DOM有一条清晰的路径来控制它。本身＆＃39;显示：阻止;＆＃39;不隐藏或使物体可见，它主要是关于div作为物体容器的形状。

作为选项，您可以使用：
的document.getElementById（＆＃39; ABC＆＃39）。将style.display =＆＃34;块＆＃34 ;;

要隐藏您的表格，请使用：
document.getElementById（＆＃39; abc＆＃39;）。style.display =＆＃34; none＆＃34;;

为此，您可以将div样式设置设置为＆＃39; display：none; visibility：visible;。
在这种情况下，＆＃39; display =＆＃34; none＆＃34;＆＃39;从所有显示层中移除对象，并允许其他对象填充其空间。当它可见时，它将推动同一z-index上的其他对象。如果它具有更高的z-index，比如更高+100，它将弹出页面上其他对象之上。

＆＃39;可见性＆＃39;属性仅控制对象可见性，它不会将其从显示内存中删除。即使它不可见，它仍然可以占用空间。＆＃39;不透明度＆＃39;属性做同样的事情，除了它允许你也使对象透明，你可以。

如何在Node.js / Jade模板中创建弹出联系表单？

1 个答案: