2016-04-16 7 views
2

Ich habe installiert jquery-ui über npm:Wie verwende ich jquery plugins mit browserify?

npm install jquery-ui --save 

und ich habe von Shim über die Vorstellung kommen, aber ich glaube, Unterlegscheiben nicht mehr notwendig sind. Ich denke, mein Code sollte einfach funktionieren, tut es aber nicht. hier ist, was ich habe:

-- login.js -- 
require('jquery-ui'); 
require('jquery-ui/effect-shake'); 

module.exports = { 
    init: function() { 
    var elem = $(...); // some element on the page  
    elem.effect('shake'); 
    } 
}; 

, die in meiner Hauptseite browserified und aufgenommen wird. Dies ist, wie der Anruf getätigt wird:

-- index.html -- 
<head> 
<script src="browserified.js"></script> 
<script> 
    $().ready(function() { 
    login.init(); 
    }); 
</script> 

so das Problem, das ich habe ist, dass .effect keine Funktion ist. Benötige ich das falsch?

browserified.js:5571 Uncaught TypeError: elem.effect is not a function

was fehlt mir?

Antwort

0

Ich habe jquery-ui Effekt durch das Auslösen von und dann .show() an das Element mit Optionen gebunden. also wäre es:

module.exports = { 
    init: function() { 
    var elem = $(...); // some element on the page  
    elem.hide(); 
    elem.show({duration:300, easing:"shake"}); 
    } 
}; 
+0

sicher, aber meine Frage ist breiter. Ich wollte verstehen, warum mein Ansatz nicht funktioniert, wenn ich glaube, dass es funktionieren sollte, denn heute ist es dieses Modul, morgen ein anderes – ekkis