1

我正在使用带有 Bootstrap 3 的 xPages，并且之前询问过如何让 formValidation.io 工作。在 Brahim Arkni 的帮助下，我能够做到这一点，这取决于没有加载 Javascript 文件这一事实。

我现在正在尝试使用 intlTelInput 并接收相同类型的消息“intlTelInput 不是函数”，所以我正在研究这是同一个问题的理论。所有文件都已加载，但可能没有按正确的顺序或在正确的时间加载。

所以我的问题是，你什么时候会从你的主题文件中调用一个 .js 文件（它会加载，但会在一长行中显示所有 .js 文件，这不太容易搜索以查找是否加载了正确的文件）使用以下语法：

    <resource>
            <content-type>application/x-javascript</content-type>
            <href>formvalidation/dist/js/formValidation.js</href>
    </resource>

或者您何时将文件加载到自定义控件或 xPage 中（然后在查看加载了哪些文件时，它们会显示在单独的行上），使用：

    <script src="build/js/intlTelInput.js"></script>

我应该补充一点，所有这些文件都在我的应用程序的 WebContent 文件夹中。

有没有一种“正确”的方式来加载 Javascript 文件，你怎么知道加载它们的顺序？

2017 年 8 月 15 日：非常感谢 Per 的帮助。注释掉的部分是文件中的内容，上面的代码是我将其更改为的内容。我怎么出错了，因为我仍然收到相同的错误消息，以及函数 a 的“意外令牌”非常感谢 Per 的帮助。注释掉的部分是文件中的内容，上面的代码是我将其更改为的内容。我怎么错了，因为我仍然收到相同的错误消息，以及函数 a 的“意外令牌”

! function(a){ 
 if(typeof module && module.exports){
    "object" == module.exports=a(require("jquery"), window, document;
    return "object";
} else {
    "function" == define(["jquery"], function(b) {
       a(b, window, document)
        });
    return "function";
    }
} 
//! function(a) {
//    "function" == typeof define&&define.amd? define(["jquery"],    function(b) {
//        a(b, window, document)
//    }) : "object" == typeof module && module.exports ? module.exports = a(require("jquery"), window, document) : a(jQuery, window, document)      
//}
4

1 回答 1

1

jQuery 插件 intl-tel-input 使用与 XPages 中的 Dojo 冲突的 AMD。有关如何禁用 AMD 以使插件正常工作的解决方案，请参阅此答案。

在您的情况下，您应该将intlTelInput.min.js的第一部分更改为以下内容（我已将 define.amd 替换为false ）：

!function(a){"function"==typeof define&&false?define(["jquery"],function(b){a(b,window,document)}): ...
于 2017-08-15T05:47:52.660 回答