我对网页设计非常陌生,我正在尝试使我的javascript函数和jquery正常工作。我已经尝试了几天了。使用该功能,我看不到它为什么不起作用:
这在我的js文件中
function myFunction() {
document.getElementById("sign").innerHTML=
"Thank you for signing up!";,
document.getElementById("sign").innerHTML=
"I look forward to speaking with you soon";
}
这是在我的html文件中
<button onclick="myFunction()">Sign Up</button>
<p id="sign"></p>
这是jQuery:
$("div:hidden:first").fadeIn(1000).delay(4000).slideUp(1000);
我写错了吗?这些都没有反应。
答案 0 :(得分:0)
我不知道您的代码到底出了什么问题, 将script标签包裹在您的身体底部,应该可以使一切正常。
HTML:
<button onclick="myFunction()">Sign Up</button>
<div>
<p id="sign"></p>
</div>
JavaScript + jQuery:
var myFunction = function() {
let message = document.querySelector("#sign")
message.innerHTML = "Thank you for signing up!";
$("div:hidden").fadeIn(1000).delay(4000).slideUp(1000);
}
这是您想要实现的目标吗?
要更改消息,我认为您必须使用setTimeout,以便在几秒钟后更改/添加...