JQuery UiとElectron

Question

最近、Electronを使ってデスクトップアプリケーションを作成しようとしていて、Jqueryがアプリで動作しています。

"electron-prebuilt": "^0.36.0", 
"jquery": "^2.1.4", 
"jquery-ui": "^1.10.5" 

そして、私は

window.$ = window.jQuery = require('jQuery'); 
require("jquery-ui"); 

のjQueryとjQuery UIを実行するには、次のコードを使用しています：

は私が NPM install package -save

ノードパッケージの依存関係を持つ次のパッケージをインストール

問題： Jqueryはアプリ全体に読み込まれますが、UIは読み込まれません。

HTML EG：

<div id="bod"> 
    text 
</div> 
<script> 
    $("#bod").click(function(){ 
     var div = $("<div></div>").load("./html/testDialogue.html"); 
     console.log(div);// jquery works like expected 
     $(this).dialog();// UI not apart of JQuery extensions.. or loaded at all 
    }); 
</script> 

Answer 1

あなたがグローバルとしてあなたのライブラリを必要とされていない場合AMDモジュールとして使用すると、バウアーと依存関係をインストールすることができますし、定期的にウェブと同じように、あなたのindex.htmlファイルにスクリプトを追加サイト。 Jqueryの場合、Jqueryは実行中のコンテキストを検出するため、これを要求してグローバルを宣言する必要があります。

// Expose jQuery and $ identifiers, even in 
// AMD (#7102#comment:10, https://github.com/jquery/jquery/pull/557) 
// and CommonJS for browser emulators (#13566) 
if (typeof noGlobal === strundefined) { 
    window.jQuery = window.$ = jQuery; 
} 

ただし、JqueryUIの場合、グローバルとしてインストールすることをおすすめします。 JqueryUIもコンテキストを検出している可能性があります。そうであれば、添付するグローバル変数はないはずです。ここで彼らはAMDモジュールとしてそれを使用する方法を言う。

https://learn.jquery.com/jquery-ui/environments/amd/