新的努力,我的代码没有回应蕾妮

时间:2018-07-29 08:49:15

标签: javascript

我对网页设计非常陌生,我正在尝试使我的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);

我写错了吗?这些都没有反应。

1 个答案:

答案 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,以便在几秒钟后更改/添加...