文章/答案/技术大牛

发布

社区首页 >问答首页 >我从Jquery开始，它进行得不是很好。

问我从Jquery开始，它进行得不是很好。
EN

Stack Overflow用户

提问于 2020-12-09 02:28:28

回答 1查看 32关注 0票数 0

所以..。今天我开始学习一些jquery，我试着用单词‘即兴’‘适应’和‘克服’(想法来自于meme)来制作一个小的文本动画，但是当我使用

improvise.animate({left: "50px"})

使用即兴发挥作为文本元素，什么也不会发生。

这是我的代码(很糟糕的代码，但我是初学者)，我希望你能帮助我。

HTML：

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>page</title>
        <link rel="stylesheet" href="style.css">
  </head>
  <body>
        <div id="container">
        <h1 id="improvise">Improvise</h1>
        <h1 id="adapt">Adapt</h1>
        <h1 id="overcome">Overcome</h1>
        </div>
<script       src="https://code.jquery.com/jquery-3.5.1.min.js"
              integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
              crossorigin="anonymous"></script>
        <script src="script.js"></script>
  </body>
</html>

JS：

let improvise = $("#improvise")
let adapt = $("#adapt")
let overcome = $("#overcome")

improvise.hide()
adapt.hide()
overcome.hide()

function start(){
setTimeout(function(){improvise.fadeIn()}, 0)
setTimeout(function(){adapt.fadeIn()}, 1000)
setTimeout(function(){overcome.fadeIn()}, 2000)
setTimeout(function(){improvise.animate({left: "50px"}, 500)}, 3000)
}

javascript

jquery

jquery-animate

回答 1

Stack Overflow用户

发布于 2020-12-09 02:45:31

您没有在任何地方调用start()函数，这就是什么都没有发生的原因。

在你的css中，你需要给你的#improvise元素position: relative属性。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65204733

复制

相似问题

问我从Jquery开始，它进行得不是很好。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我从Jquery开始，它进行得不是很好。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我从Jquery开始，它进行得不是很好。
EN