javascript - .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>

速度由 letvelocity = window.Velocity 包含

如果我尝试 console.log(velocity) 它会显示一个函数，如果我控制台日志 document.getElementById("menu) 它会显示一个元素，但是当我尝试运行 document.getElementById("menu).velocity("slideDown", {u​​ration: 1500 });在我的组件渲染后控制台显示

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

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

Answer 1

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

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

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