在Bower中安装插件后使用插件时出错

Question

我是一个新手（实习生），并且正在Bootstrap / jquery环境中工作。

我正在尝试向网站的登录应用添加密码强度功能。 在我的登录应用程序文件夹（contact_sid）中，我使用bower安装了pwdstrength插件。 这些文件存储在bower_components中。

现在，我试图在main.js文件中使用pwstrength（）函数。 如github所示，我使用$（'：password'）。pwstrength（）;调用了插件。 运行应用程序时，出现错误：

Uncaught TypeError: $(...).pwstrength is not a function

任何帮助将非常感激。 我认为，如果我在main.js中复制pwdstrength.js函数，它可以工作（有点大），但这显然是不好的做法。

Answer 1

您收到的错误表示您的插件尚未加载，因此您正在尝试调用不存在的函数。

使用jQuery调用之前 ，请确保已加载/加载“ pwstrength”，如下所示：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js" type="text/javascript"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/bower_components/pwstrength.js" type="text/javascript"></script>
<script src="/js/main.js" type="text/javascript"></script>

在GitHub上查看示例，以了解作者的使用意图。

另外，欢迎使用Stack Overflow。 成为实习生没有错； 每个人都从某个地方开始！ :)