我一直在尝试在HTML中为Electron应用程序使用语义UI。我能够加载元素,但是由于某种原因我无法使用jQuery。我已经尝试了我的本地jQuery副本:
<script src="node_modules/jquery/dist/jquery.min.js"></script>
和CDN版本:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
但似乎没有一个起作用。我曾尝试使用jQuery做简单的事情,但仍然无法正常工作。任何帮助,将不胜感激。我希望使用本地副本。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css">
<!-- <script src="node_modules/jquery/dist/jquery.min.js"></script> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<div class="ui sidebar inverted vertical menu">
<a class="item">1</a>
</div>
<div class="pusher">
<h1 class="asdf" id="asdf">Hello</h1>
</div>
<script>
document.getElementById("asdf").innerHTML = "new1";
$('#asdf').text("new2");
$('#asdf').html("new2");
</script>
<script src="semantic/dist/semantic.min.js"></script>
</body>
</html>
在您的index.html
<head>
<script>
window.$ = window.jQuery = require("jquery");
</script>
....
[createBrowerWindow
和nodeIntegration
连在main.js
上。
const mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
})