jQuery не работает с SemanticUI и Electron. js - PullRequest
Новая
       12

jQuery не работает с SemanticUI и Electron. js

1 голос
/ 21 марта 2020

Я пытался использовать пользовательский интерфейс Semanti c в своем HTML для приложения Electron. Я могу загрузить элементы, но по какой-то причине не могу использовать 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>

1 Ответ

2 голосов
/ 21 марта 2020

На вашем 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
    }
  })
...