.velocity 不是函数

Question

负责人：

<!-- Velocity -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.2.3/velocity.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.2.3/velocity.ui.min.js"></script>

<!--  React  -->
<script src = "https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react-dom.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/react-router/2.7.0/ReactRouter.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/superagent/2.2.0/superagent.js"></script>

速度包含在let velocity = window.Velocity

中

如果我尝试 console.log(velocity) 它显示一个函数，如果我控制台日志 document.getElementById("menu) 它显示一个元素，但是当我尝试运行 document.getElementById("menu).velocity("slideDown", { duration: 1500 }); 之后组件呈现控制台说

Uncaught TypeError: dbyId(...).velocity is not a function

发生这种情况的原因可能是什么？我正在使用带有 php 后端的 babel 转换器，没有要求或导入发生。

Answer 1

如果您不使用 jQuery，则需要使用

Velocity(document.getElementById("menu"), { opacity: 0.5 });

因为速度不会向元素原型添加内容。

.velocity 不是函数

.velocity is not a function

javascript

velocity

reactjs