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

Question

在预约流程的第 3 步，我在 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 步。详细信息

当我禁用当前主题并转到默认的 Twentyseventeen 主题时，错误消失了，插件工作正常。

请帮助我解决当前主题中的错误。可能是什么问题。

我尝试将 jquery 放在每个脚本之上，但它也没有用。

这是在默认 Twentyseventeen 主题中工作的页面的源代码 - https://pastebin.com/qKJZynLp

这是它不起作用的页面的源代码 - https://pastebin.com/CNV8wfmK

请帮忙。

Answer 1

我有同样的错误。我将以下代码放在页面顶部，以便它在到达 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);

我没有使用 jQuery，因为他们在 git 上声明了什么

since v14 we have removed the jQuery dependency. See below for how to initialise and use the plugin with pure JavaScript. If you want to stick with the jQuery version, there is now a separate jQuery wrapped version.

希望对您有所帮助:)