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

Question

我是新手（实习生），我正在开发一个bootstrap / jquery环境。

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

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

{{1}}

任何帮助都会非常感激。我想如果我在我的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>

查看the examples on GitHub，了解作者的用途。

另外，欢迎使用Stack Overflow。做实习生没有错;每个人都从某处开始！ ：）