XPageとJavaScriptファイルのロード

Question

私はxpagesをブートストラップ3で使用していますが、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ファイルを読み込むための「正しい」方法はありますか。どのような順序で読み込むべきか、どのように知っていますか？

08/15/2017： ありがとうございます。コメントアウトされた部分はファイル内のもので、上のコードは私がそれを変更したものです。どうすれば私は間違っていますか？同じエラーメッセージが表示され、 "予期しないトークン"が表示されます。 ありがとうございます。コメントアウトされた部分はファイル内のもので、上のコードは私がそれを変更したものです。私はまだ

! 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)  
//} 

Answer 1

jQueryプラグインの国際-TEL-入力のXPagesで道場と競合するAMDを使用して機能するための「予期しないトークン」と一緒に、同じエラーメッセージが表示されますので、どのように私は、間違っています。プラグインが動作するようにAMDを無効にする方法については、this answerを参照してください。あなたのケースでは

あなたは（私はが偽でをdefine.amd交換した場合）、次へintlTelInput.min.jsの最初の部分を変更する必要があります。

!function(a){"function"==typeof define&&false?define(["jquery"],function(b){a(b,window,document)}): ...