BetaJS-UI is a library for enabling gestures and interactions such as drag and drop.
You can use the library in the browser and compile it as well.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="betajs/dist/betajs.min.js"></script>
<script src="betajs-browser/dist/betajs-browser.min.js"></script>
<script src="betajs-dynamics/dist/betajs-ui.min.js"></script> git clone https://github.com/betajs/betajs-ui.git
npm install
grunt BetaJS.UI.Interactions.Drag.multiple($(".doodad"), {
enabled : true,
clone_element: true
}, function (drag) {
drag.on("move", function (event) {
event.actionable_modifier.csscls("focus", true);
event.modifier.csscls("unfocus", true);
});
});
<div class="doodads">
<div class="doodad"><div class="inner">Doodad 1</div></div>
<div class="doodad"><div class="inner">Doodad 2</div></div>
<div class="doodad"><div class="inner">Doodad 3</div></div>
<div class="doodad"><div class="inner">Doodad 4</div></div>
<div class="doodad"><div class="inner">Doodad 5</div></div>
</div>| Resource | URL |
|---|---|
| Homepage | http://betajs.com |
| Git | git://github.com/betajs/betajs-ui.git |
| Repository | https://github.com/betajs/betajs-ui |
| Blog | http://blog.betajs.com |
| http://twitter.com/thebetajs | |
| Gitter | https://gitter.im/betajs/betajs-ui |
| Target | Versions |
|---|---|
| Firefox | 6 - Latest |
| Chrome | 18 - Latest |
| Safari | 5 - Latest |
| Opera | 12 - Latest |
| Internet Explorer | 8 - Latest |
| Edge | 12 - Latest |
| Yandex | Latest |
| iOS | 3.0 - Latest |
| Android | 4.4 - Latest |
| Resource | URL |
|---|---|
| beta-ui.js | http://cdn.rawgit.com/betajs/betajs-ui/master/dist/betajs-ui.js |
| beta-ui.min.js | http://cdn.rawgit.com/betajs/betajs-ui/master/dist/betajs-ui.min.js |
| beta-ui-noscoped.js | http://cdn.rawgit.com/betajs/betajs-ui/master/dist/betajs-ui-noscoped.js |
| beta-ui-noscoped.min.js | http://cdn.rawgit.com/betajs/betajs-ui/master/dist/betajs-ui-noscoped.min.js |
| Resource | URL |
|---|---|
| Test Suite | Run |
| Name | URL |
|---|---|
| betajs | Open |
| betajs-browser | Open |
| Name | URL |
|---|---|
| betajs-scoped | Open |
| betajs-shims | Open |
- Victor Lingenthal
- Oliver Friedmann
Apache-2.0
- Ziggeo
- Browserstack