使用 Bower 安装后使用插件时出错
Error Using a plugin after installing it with Bower
我是新手(实习生),正在bootstrap/jquery环境中工作。
我正在尝试向我网站的登录应用程序添加 password strength 功能。在我的登录应用程序文件夹 (contact_sid) 中,我使用 bower 安装了 pwdstrength 插件。文件存储在 bower_components.
现在,我正尝试在 main.js 文件中使用 pwstrength() 函数。如 github 所示,我使用 $(':password').pwstrength(); 调用插件;
当我 运行 应用程序时,出现错误:
Uncaught TypeError: $(...).pwstrength is not a function
任何帮助将不胜感激。我想如果我在我的 main.js 中复制 pwdstrength.js 函数,它会起作用(有点),但这显然是不好的做法。
您收到的错误意味着您的插件尚未加载,因此您正在尝试调用不存在的函数。
确保在使用 jQuery 调用它之前 loaded/load "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。做实习生没什么错;每个人都从某个地方开始! :)
我是新手(实习生),正在bootstrap/jquery环境中工作。
我正在尝试向我网站的登录应用程序添加 password strength 功能。在我的登录应用程序文件夹 (contact_sid) 中,我使用 bower 安装了 pwdstrength 插件。文件存储在 bower_components.
现在,我正尝试在 main.js 文件中使用 pwstrength() 函数。如 github 所示,我使用 $(':password').pwstrength(); 调用插件; 当我 运行 应用程序时,出现错误:
Uncaught TypeError: $(...).pwstrength is not a function
任何帮助将不胜感激。我想如果我在我的 main.js 中复制 pwdstrength.js 函数,它会起作用(有点),但这显然是不好的做法。
您收到的错误意味着您的插件尚未加载,因此您正在尝试调用不存在的函数。
确保在使用 jQuery 调用它之前 loaded/load "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。做实习生没什么错;每个人都从某个地方开始! :)