We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
When you add an element with class pmd-ripple-effect via javascript, for example:
pmd-ripple-effect
element.innerHTML = '<button type="button" class="btn pmd-btn-raised pmd-ripple-effect btn-default">Button</button>';
the ripple effect doesn't work. Is there any way to make it work?
The text was updated successfully, but these errors were encountered:
Ok, by adding this piece of code (copied from propeller.min.js) after inserting the element, the ripple effect works.
$(".pmd-ripple-effect").on("mousedown touchstart",function(a){var b=$(this);$(".ink").remove(),0===b.find(".ink").length&&b.append("<span class='ink'></span>");var c=b.find(".ink");if(c.removeClass("animate"),!c.height()&&!c.width()){var d=Math.max(b.outerWidth(),b.outerHeight());c.css({height:d,width:d})}var e=a.pageX-b.offset().left-c.width()/2,f=a.pageY-b.offset().top-c.height()/2;c.css({top:f+"px",left:e+"px"}).addClass("animate"),setTimeout(function(){c.remove()},1500)})
Sorry, something went wrong.
@ThomasOrlita In Propeller V1.2, we have enhanced the components by developing jQuery Plugins for each component. So now this issue won't occur. For more details, please refer https://github.com/digicorp/propeller/releases/tag/v1.2.0
No branches or pull requests
When you add an element with class
pmd-ripple-effect
via javascript, for example:the ripple effect doesn't work. Is there any way to make it work?
The text was updated successfully, but these errors were encountered: