2015-12-27 14 views
8

Niedawno zacząłem próbować zrobić aplikację na pulpicie przy użyciu Electron i Jquery pracuje w aplikacji.JQuery Ui i Electron

mam zainstalowane następujące pakiety z NPM install package -save

węzłów zależnościami pakiet:

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


i używam następujący kod do uruchomienia jQuery i jQuery UI

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

problem: Jquery jest ładowany w całej aplikacji, ale nie jest to 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> 
+0

run '$ .ui.version' aby sprawdzić, czy UI jQuery jest załadowany lub nie –

+0

które są coraz błąd w konsoli inspektor kompilacji elektronów przewidują, że – muthukumar

Odpowiedz

1

Jeśli chcesz bibliotek jak Globals a nie jako moduły AMD można zainstalować współzależności z altany i dodać skrypty do pliku index.html, jak w regularnej sieci teren. W przypadku Jquery nadal musiałbyś go wymagać i zadeklarować globale, ponieważ Jquery wykrywa, w jakim kontekście działa.

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

Ale dla JqueryUI zalecam zainstalowanie go jako globalnego. Możliwe, że JqueryUI wykrywa również kontekst. W takim przypadku należy wnioskować, że nie ma żadnej zmiennej globalnej, która byłaby dołączona. Tutaj mówią, jak używać go jako modułu AMD.

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