別のjavascriptを含むjavacript

Question

私はJQuery.UIのdatepickerを使用していますが、プラグインウィジェットを実際に私のweb-appで使用する前に更新する必要があるいくつかの変更があります。テストのために、JQueryとdatepickerライブラリに標準のタグをロードし、独自のタグで修正コードを入力し、最後にもう一つのタグのdatepickerと初期化コードのタグを入れます。これは、変更された日付ピッカーを使用するページが1つしかない場合にすべて機能します。

変更されたデータを複数のページで使用したいのですが、私が使用する各場所でdatepickerのすべての変更を維持する必要はありません。私がしたいのは、datepicker用のラッパーファイルを作成することです。これには、変更コードとdatepickerを使用するために必要なインクルードが含まれています。次に、datepickerを使用するページで、ラッパースクリプトファイルをインクルードします。

これは、別のJavaScriptファイルに含まれるjavascriptファイルを含むものです。

これは他の質問と重複していることがわかりましたが、document.writeやJQueryのaddscriptテクニックなど、他の質問で提案された修正を試しても、動作していないようですChromeの私のために。私が最初に遭遇する問題は、addScript関数が、メインファイルのタグで通常ロードされるJQueryライブラリに深刻な問題があることを教えてくれることです。 addScriptをコメントアウトすると、エラーは発生しません。 document.writeメソッドは実行されているようですが、datepickerは動作しません。

私はラッパーを作成することができるので、スクリプトが他のスクリプトの読み込みにどのように最適な負荷をかけているのかを知りたいので、主要なブラウザすべてで解決する必要があります。

これは、プロセスがPHP + Ajaxを使用して作成されたページに適応可能でなければならないことですが、最初は純粋なHTML + Javascript + JQuery + JQuery.UI Datepickerソリューションを使用したいと考えています。

これは既に回答済みで、ここで概説した制約で動作する場合は、その解決策を教えてください。単に「重複する質問」と言っておかないでください。私はこのフォーラムやその他のソリューションを見直しましたが、うまく動作せず、正しいエラーが発生するシンプルで複雑なソリューションが多数見つかりました。

タグがネストされたインクルードをサポートしていれば、これはすべて簡単になり、このコンセプトを使用して、基本ライブラリオブジェクトへのオーバーライドを分離するためのラッパーをサポートすることができます。したがって、theとcssをサポートする堅牢なクロスブラウザー技術は本当に間に合っています。それがそこにあるなら、私はそれを逃したが、私が見たことから、それは「プライムタイムの準備ができている」方法ではない。

おかげで、 ハワード・ブラウン

Answer 1

私は非常に私の提案のようなウルつもりを疑うが、IMAが行く与えるとにかく

includes.phpはTHTファイル内のすべてのものを置くというファイルを作成します

使用

<? include("includes.php"); ?>

使用すると、1つのファイルにすべてのスクリプトを置くことができ、uは1つのコードの単純なラインで好きな彼らはのように多くのページに含まれているこのように必要な

Answer 2

あなたはgitのシステムとローカルリポジトリを使用することができますあなたの変更が必要なときにいくつかのマージを行うことができます。それは私が示唆しているものだろう。元のブランチをフォークし、変更を追加します。これはパッチファイルとも呼ばれます。

Answer 3

このような試みをしましたか？潜在的に

var Loader = function() { } 
Loader.prototype = { 
    require: function (scripts, callback) { 
     this.loadCount  = 0; 
     this.totalRequired = scripts.length; 
     this.callback  = callback; 

     for (var i = 0; i < scripts.length; i++) { 
      this.writeScript(scripts[i]); 
     } 
    }, 
    loaded: function (evt) { 
     this.loadCount++; 

     if (this.loadCount == this.totalRequired && typeof this.callback == 'function') this.callback.call(); 
    }, 
    writeScript: function (src) { 
     var self = this; 
     var s = document.createElement('script'); 
     s.type = "text/javascript"; 
     s.async = true; 
     s.src = src; 
     s.addEventListener('load', function (e) { self.loaded(e); }, false); 
     var head = document.getElementsByTagName('head')[0]; 
     head.appendChild(s); 
    } 
} 

使い方

var l = new Loader(); 
l.require([ 
    "example-script-1.js", 
    "example-script-2.js"], 
    function() { 
     // Callback 
     console.log('All Scripts Loaded'); 
    }); 

あなたは可能性があります（それのそれぞれのコールバック内の各1）したいと、彼らはまだすべてうまくいくよう含んなど多くの巣。

ソリューションのためのCSS Tricksのクレジット

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.