JQuery Ui和电子

我最近开始尝试使用Electron制作桌面应用程序,并让Jquery在应用程序中工作。

我使用NPM install package -save安装了以下软件包

节点包依赖关系:

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

我使用下面的代码来运行Jquery和Jquery UI

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

问题: 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> 

如果您希望将库作为Globals而不是AMD模块,则可以使用bower安装依赖项,并将脚本添加到index.html文件中,就像在常规网站中一样。 在Jquery的情况下,你仍然需要它并声明全局variables,因为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,我会build议安装它为全球。 可能JqueryUI也在检测上下文。 如果是这种情况,应该推断没有全局variables被附加上。 在这里他们说如何使用它作为AMD模块。

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