jQuery Ui and Electron
我最近开始尝试使用Electron制作桌面应用程序,并使Jquery在该应用程序中运行。
我用NPM install package -save
安装了以下软件包
Node包依赖项:
"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>
回答如下:对于像我这样试图将jQueryUI全局加载到您的电子应用程序中的其他任何人-做到这一点的最佳方法不是安装jquery-ui NPM软件包,而是从CDN下载缩小的jQueryUI脚本,将其本地放置在资源文件夹中,然后将其包括在声明全局jQuery变量的行下方和要在其中使用它的渲染器上方的索引中,例如:
<script>window.$ = window.jQuery = require('jquery');</script>
<script src="../assets/js/jquery-ui.min.js"></script>
<script src="render.js"></script>
这将通过渲染脚本中的全局jQuery变量访问所有jQueryUI函数。