betajs-ui
v1.0.53
Published
BetaJS-UI is a library for enabling gestures and interactions such as drag and drop.
Downloads
43
Readme
betajs-ui 1.0.53
BetaJS-UI is a library for enabling gestures and interactions such as drag and drop.
Getting Started
You can use the library in the browser and compile it as well.
Browser
<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>
Compile
git clone https://github.com/betajs/betajs-ui.git
npm install
grunt
Basic Usage
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>
Links
| Resource | URL | | :--------- | --: | | Homepage | https://betajs.com | | Git | git://github.com/betajs/betajs-ui.git | | Repository | https://github.com/betajs/betajs-ui | | Blog | https://blog.betajs.com | | Twitter | https://twitter.com/thebetajs | | Gitter | https://gitter.im/betajs/betajs-ui |
Compatability
| 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 |
CDN
| 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 |
Unit Tests
| Resource | URL | | :----- | -------: | | Test Suite | Run |
Dependencies
| Name | URL | | :----- | -------: | | betajs | Open | | betajs-browser | Open |
Weak Dependencies
| Name | URL | | :----- | -------: | | betajs-scoped | Open | | betajs-shims | Open |
Main Contributors
- Victor Lingenthal
- Oliver Friedmann
License
Apache-2.0
Sponsors
- Ziggeo
- Browserstack