未捕获的TypeError:jQuery(.).intlTelInput不是函数

本教程将介绍未捕获的TypeError:jQuery(.).intlTelInput不是函数的处理方法,这篇教程是从别的地方看到的,然后加了一些国外程序员的疑问与解答,希望能对你有所帮助,好了,下面开始学习吧。

未捕获的TypeError:jQuery(.).intlTelInput不是函数 教程 第1张

问题描述

我在约会流程的第三步时在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不是函数的教程就到这里就结束了,希望趣模板源码网找到的这篇技术文章能帮助到大家,更多技术教程可以在站内搜索。