文本不会随 Greensock 文本插件而改变

Question

我正在尝试使用 Greensock 文本插件。我可以更改文本的颜色，但我无法更改文本。我正在使用 jQuery 3.2.1 和 Greensock TweenMax 1.20.3

我的代码会将文本颜色更改为白色，但文本将保持 Test。我也没有收到任何控制台错误。

var myElement = $("#scramble");

TweenLite.to(myElement, 2, {
  text: "This is the new text",
  color: "#FFFFFF",
  ease: Linear.easeNone,
  paused: false
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
<div id="scramble">Test</div>

Answer 1

您需要添加Greensock TweenMax 文本插件。

var myElement = $("#scramble");

TweenLite.to(myElement, 2, {
  text: "This is the new text",
  color: "red",
  ease: Linear.easeNone,
  paused: false
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/plugins/TextPlugin.min.js"></script>
<div id="scramble">Test</div>

文本不会随 Greensock 文本插件而改变

Text not changing with Greensock Text Plugin

javascript

jquery

gsap