browserify jquery + jquery-ui arbeitet nicht für mich

i schaffen einfachen Test app mein Problembrowserify jquery + jquery-ui arbeitet nicht für mich

https://github.com/alexey2baranov/jquery-ui-broken-demo

in dieser Demo ich in erster Linie intalled jquery und jquery-ui

npm install --save jquery jquery-ui

zu demonstrieren

erstellt dann einfachen Testskript

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


$(function(){ 
    $('#qwerty').draggable(); 
});

und sie mit br zusammengestellt owserify

browserify --debug index.js -o dist/index.js

Im letzten Schritt geladen i browserify Ergebnis in Test HTML-Seite

<head> 
    <script src="dist/index.js"></script> 
</head> 
<body> 

<div id="qwerty" style="position: absolute; width: 100px; height: 100px; background-color: #0b3e6f">123</div> 
</body>

Und habe diesen Fehler in Chromkonsole

jQuery.Deferred exception: $(...).draggable is not a function TypeError: $(...).draggable is not a function at HTMLDocument. undefined index.js [sm]:10Uncaught TypeError: $(...).draggable is not a function

Was mit meinem Code falsch ??

Quelle

2016-07-22 alexey2baranov

Angesichts der Fehlermeldung, aus irgendeinem Grund hat Ihre Einbeziehung der jQueryUI-Bibliothek nicht funktioniert. –

Yap! Hoffe sombody bekommen den gleichen Fehler und könnten es beheben – alexey2baranov

import $ from 'jquery' 
import 'jquery-ui/ui/widgets/draggable' 

$("#draggable").draggable();

Quelle

2016-07-31 18:15:56 Niev

Während dieses Code-Snippet die Frage lösen kann, [hilft eine Erklärung] (// meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers) wirklich um die Qualität Ihres Posts zu verbessern. Denken Sie daran, dass Sie die Frage für Leser in der Zukunft beantworten, und diese Leute könnten die Gründe für Ihren Codevorschlag nicht kennen. Bitte versuchen Sie auch nicht, Ihren Code mit erläuternden Kommentaren zu überladen, da dies die Lesbarkeit sowohl des Codes als auch der Erklärungen verringert! – FrankerZ

Einverstanden, dass hier mehr Erklärung benötigt wird. Plus dieses Schnipsel wird wahrscheinlich nicht funktionieren, da die importierten Dateien '$ .ui.mouse' aufrufen, das nicht definiert ist. – micky2be

browserify jquery + jquery-ui arbeitet nicht für mich

Antwort

Verwandte Themen