Ich versuche, die aurelia-dragula plugin zu überprüfen, ob es meine Bedürfnisse erfüllt, aber wenn ich versuche zu ziehen, was ein ziehbares Element sein sollte, passiert nichts. Ich habe sogar versucht, die example und es funktioniert auch nicht.Ich kann nicht aurelia-dragula-Plugin arbeiten
Für meinen benutzerdefinierten Test, erstellte ich ein neues Projekt mit der aurelia cli und npm installiert Aurelia-Dragula 1.2.6. Hier ist mein Code:
aurelia.json
{
"name": "aurelia-dragula",
"path": "../node_modules/aurelia-dragula/dist/amd",
"main": "dragula"
}
main.js
aurelia.use
.standardConfiguration()
.feature('resources')
.plugin('aurelia-dragula');
Der Browser Protokoll das Plugin als geladen zeigt, so nehme ich an, alles ist gut mit der über.
verwendete ich die Probe HTML und JavaScript aus der Dokumentation für den Ansatz benutzerdefinierte Element, etwa so:
app.html
<template>
<dragula-and-drop drop-fn.call="itemDropped(item, target, source, sibling, itemVM, siblingVM)"></dragula-and-drop>
<div class="drag-source drop-target">
<div repeat.for="thing of things">
<p style="background-color: red; color: white; width: 200px;"">${thing}</p>
</div>
</div>
</template>
app.js
export class App {
constructor() {
this.things = ['1', '2', '3', '4'];
}
itemDropped(item, target, source, sibling, itemVM, siblingVM) {
//do things in here
}
}
Ich habe ein Beispiel von Github heruntergeladen, installiert, gebaut und ausgeführt - es funktioniert gut in Firefox. Überprüfen Sie Ihren Browser auf Fehler. In Firefox können Sie drücken für offene JavaScript-Konsole. –
JayDi
@JayDi Es gab keine Fehler in der Browserkonsole. Ich habe das Beispiel von Github heruntergeladen und es erneut versucht. Diesmal hat es geklappt. Keine Ahnung warum. Ich kann es immer noch nicht in meinem eigenen Testprojekt mit Aurelia CLI zum Laufen bringen. –
Es gibt einige Ressourcen in Dragula: versuchen Sie, diese Zeile in Dragula-Abhängigkeit in aurelia.json hinzuzufügen: "Ressourcen": ["dragula.css"] – JayDi