gpt4 book ai didi

javascript - 在网页上有不可见的表单,并希望在使用 DojoToolkit 单击按钮时使它们可见,但不确定我的代码有什么问题

转载 作者:行者123 更新时间:2023-11-28 07:42:48 26 4
gpt4 key购买 nike

我正在尝试学习 Dojotoolkit,我想在单击按钮时弹出一个表单。从其他示例来看,我的代码对我来说是正确的,但我缺少一些东西,但我不知道是什么。

感谢任何建议和帮助!

<button id="slog">Login</button> or <button id="rlog">Register</button>?

<div id="anim8target" style="opacity: 0">
<form action="login.jsp" method="POST">
<fieldset><legend>Login</legend>
Username: <input type="text" name="username"><br><br>
Password: <input type="passwor" name="password"><br><br>
<input type="input" value="Login">
</fieldset>
</form>
</div>

<div id="anim8target" style="opacity: 0">
<form action="register.jsp" method="POST">
<fieldset><legend>Register</legend>
Username: <input type="text" name="username"><br><br>
Display name: <input type="text" name="dname"><br><br>
Email: <input type="text" name="email"><br><br>
Password: <input type="passwor" name="password"><br><br>
<input type="input" value="Register">
</fieldset>
</form>
</div>

<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js" data-
dojo-config="isDebug: 1, async: 1, parseOnLoad: 1"></script>
<script>
require(["dojo/_base/fx", "dojo/on", "dojo/dom", "dojo/domReady!"], function

(baseFx, on, dom) {
var loginButton = dom.byId("slog"),
registerBUtton = dom.byId("sreg"),
anim8target = dom.byId("anim8target");
on(loginButton, "click", function(evt){
baseFx.animateProperty({
node: anim8target,
properties: {
opacity: 1 }
}).play();
});
});
</script>

最佳答案

visibility CSS 属性无法设置动画。它要么隐藏,要么可见

如果您尝试淡入,则有一个 convenience function为了那个原因。在这种情况下,您可能希望使用 opacity: 0 而不是 visibility: hidden 来初始化您的样式。

关于javascript - 在网页上有不可见的表单,并希望在使用 DojoToolkit 单击按钮时使它们可见,但不确定我的代码有什么问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30873101/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com