Javascript 在AngularJs应用程序中使用jQuery插件

我想使用这个tinyColorPicker插件，但事实证明在我的angular应用程序中使用它非常困难

我不断地发现这个错误：

TypeError: element.colorPicker is not a function

在my index.html中

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/tinycolorpicker/lib/jquery.tinycolorpicker.js"></script>

在我的HTML中，我有一个带有指令的div

<div id="colorWheel" color-wheel></div>

---

根据他们的文件，这就是我所要做的。当我把它和角度积分的时候，我肯定缺少了一些关键的东西。有人能看见什么吗？谢谢

您必须在加载angularjs之前加载jQuery

如果在加载angular之后加载jquery，则会得到jqLite

<script src="jquery.js"></script>
<sciprt src="angular.js"></script>

---

在加载angularjs之前，必须先加载jQuery

如果在加载angular之后加载jquery，则会得到jqLite

<script src="jquery.js"></script>
<sciprt src="angular.js"></script>

元素不是jQuery对象，而是角度对象。插件在jQuery对象上公开。尝试在链接fn中使用jQuery选择器，例如jQuery（“yourDomId”）。colorPicker（）元素不是jQuery对象，而是角度对象。插件在jQuery对象上公开。尝试在链接fn中使用jQuery选择器，例如jQuery（“#yourDomId”）.colorPicker（）

我认为必须加载jQuery才能使其正常工作。你装了吗？是的！抱歉，我在顶部加载了jquery。。。我会更新它，我想你必须加载jQuery才能让它工作。你装了吗？是的！抱歉，我在顶部加载了jquery。。。不良更新it@tester123您已经加载了它，但并没有在链接函数中使用它-您正在尝试在元素上初始化colorPicker-而是在jquery对象上执行它$（“#myId”）.colorPicker（）@tester123您已经加载了它，但并没有在链接函数中使用它-您正在尝试在元素上初始化colorPicker-改为在jquery对象上执行它$（“#myId”）.colorPicker（）；