javascript - 让velocity.js在JSBin上工作

Question

这必须很简单；我究竟做错了什么？

http://jsbin.com/tayemi/2/

Velocity似乎不想做任何事情。

Answer 1

1）你必须改变这个：

 $("p").velocity( { width: 50px }, 1000);

对此：

 $("p").velocity( { width: "50px" }, 1000);

2）您正在使用来自 github 的资源。但是这些资源不是作为 *.js 文件加载的，而是作为纯文本加载的（MIME 类型为 text/plain 而不是 text/javascript）。所以，你必须改变这一点。这是我在 JSBin http://jsbin.com/fatihopipe/1/edit?html,css,js,output上的示例

Answer 2

您必须在宽度值周围加上引号，否则您会遇到语法错误，所以什么都不会发生。您还需要确保您的代码等待构建 DOM：

$(function() {
  $("p").velocity( { width: "50px" }, 1000);
});