最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

jQuery Ui and Electron

运维笔记admin10浏览0评论

jQuery Ui and Electron

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函数。

与本文相关的文章

发布评论

评论列表(0)

  1. 暂无评论