JQuery Ui và Electron

Question

Gần đây tôi đã bắt đầu cố gắng tạo một ứng dụng dành cho máy tính để bàn bằng cách sử dụng Electron và yêu cầu Jquery làm việc trong ứng dụng.

Tôi đã cài đặt các gói sau đây với gói phụ thuộc NPM install package -save

Node:

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

Và tôi đang sử dụng đoạn mã sau để chạy jQuery và jQuery UI

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

vấn đề: Jquery được tải trên ứng dụng, nhưng UI thì không.

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> 

Answer 1

Nếu bạn muốn thư viện của bạn như Globals và không phải là module AMD bạn có thể cài đặt các phụ thuộc với Chòi chơi và thêm các kịch bản để tập tin index.html của bạn như bạn làm trong một web thông thường trang web. Trong trường hợp của Jquery bạn vẫn sẽ cần phải yêu cầu nó và khai báo các globals vì Jquery phát hiện trong đó context đang chạy.

// 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; 
} 

Nhưng đối với JqueryUI tôi khuyên bạn nên cài đặt nó là toàn cầu. Có thể là JqueryUI cũng đang phát hiện ngữ cảnh. Nếu đó là trường hợp nó nên suy ra không có biến toàn cầu được gắn vào. Ở đây họ nói cách sử dụng nó như một mô-đun AMD.

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