mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-12-01 14:03:45 +03:00
Code Issues Packages Projects Releases Wiki Activity

Update to fix for #18 to allow multiple ripples to be animated

Browse Source
This commit is contained in:
Joel 2014-09-29 14:57:32 -07:00
parent 225ba46ce0
commit 5ef4d92569
1 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
scripts/ripples.js
View File

@ -35,10 +35,7 @@ var ripples = {
mousePos = {x: e.clientX - elPos.left, y: e.clientY - elPos.top}, mousePos = {x: e.clientX - elPos.left, y: e.clientY - elPos.top},
scale = "transform:scale(" + Math.round($rippleWrapper.offsetWidth / 5) + ")", scale = "transform:scale(" + Math.round($rippleWrapper.offsetWidth / 5) + ")",
rippleEnd = new CustomEvent("rippleEnd", {detail: $ripple}), rippleEnd = new CustomEvent("rippleEnd", {detail: $ripple}),
refreshElementStyle; refreshElementStyle;
// remove old ripples
$($rippleWrapper).find(".ripple").remove();
// Set ripple class // Set ripple class
$ripple.className = "ripple"; $ripple.className = "ripple";
@ -117,7 +114,7 @@ var ripples = {
bind("mousedown", ".ripple-wrapper, .ripple-wrapper .ripple", rippleStart); bind("mousedown", ".ripple-wrapper, .ripple-wrapper .ripple", rippleStart);
// if animation ends and user is not holding mouse then destroy the ripple // if animation ends and user is not holding mouse then destroy the ripple
bind("rippleEnd", ".ripple-wrapper, .ripple-wrapper .ripple", function(e, $ripple) { bind("rippleEnd", ".ripple-wrapper, .ripple-wrapper .ripple", function(e, $ripple) {
if (!mouseDown) { if (!mouseDown || !$($ripple).is(":first-child")) {
rippleOut($ripple); rippleOut($ripple);
} }
}); });