本文介绍了未捕获的TypeError：jQuery(.).intlTelInput不是函数的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我在约会流程的第三步时在Google Chrome中收到以下错误。
Uncaught TypeError: jQuery(...).intlTelInput is not a function
at HTMLButtonElement.<anonymous> (custom.js:330)
at HTMLDocument.dispatch (jquery.js:3)
at HTMLDocument.r.handle (jquery.js:3)
custom.js的第330行显示以下代码：
var phone = jQuery("#phone").intlTelInput("getNumber");
完整的custom.js可用here
生成此错误的页面here-它出现在步骤3。详细信息
当我禁用当前主题并转到默认的Twenty17.17主题时，可以消除该错误，并且插件可以正常工作。
请帮助我解决此当前主题中的错误。可能是什么问题。
我尝试将jQuery放在每个脚本之上，但也不起作用。
这里是页面的源代码，它在默认的Twenty17主题下工作-https://pastebin.com/qKJZynLp
这里是不起作用的页面的源代码-https://pastebin.com/CNV8wfmK
请帮帮忙。
推荐答案
我遇到了相同的错误。我将以下代码放在页面顶部，以便它在到达intlTelInput部分之前加载库
<link rel="stylesheet" href="location/to/intl-tel-input/css/intlTelInput.css">
<script src="location/to/intl-tel-input/js/intlTelInput.js"></script>
然后我用以下内容初始化了代码
var input = document.querySelector("#phone");
window.intlTelInput(input);
由于他们在GIT上的声明，我没有使用jQuery
从v14开始，我们删除了jQuery依赖。有关如何通过纯JavaScript初始化和使用插件的信息，请参见下面的内容。如果您想继续使用jQuery版本，现在有一个单独的jQuery包装版本。
我希望这对您有帮助：)
这篇关于未捕获的TypeError：jQuery(.).intlTelInput不是函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！