我试图复制design.google.com上发现的涟漪效应。点击标题中的链接，它会在标题中推动一个波纹。我在这里找到了一个教程：http://webdesign.tutsplus.com/tutorials/recreating-the-touch-ripple-effect-as-seen-on-google-design--cms-21655但是，本教程不会将点击事件限制在链接中，而是将任何点击事件限制在标题中。
我所做的是给有关链接一个＆＃34; rippleeffect＆＃34;并指导js听取＆＃34;点击＆＃34;那个班。这没有预期的影响...或任何影响真的。如果我更改js以收听＆＃34;点击＆＃34;在标题类中找到（＆＃34; mdl-layout__header＆＃34;）它可以工作......只是不合适。
我已将代码上传到jsfiddle.net/thepaperescape/1qmsh7Ld/ 和https://github.com/thepaperescape/Ripple
请帮助，谢谢！
答案 0 :(得分：0)
据我所知，你需要在效果后跳转到链接 这可以通过jquery / javascript本身在效果后添加下面的代码来完成 您还需要使用preventDefault（）来防止默认行为 锚链接。
检查我的pen我使用css3动画创建了涟漪效果＆amp;通过jquery计算偏移量。使用此attr在效果后跳转到锚点链接。
window.location = $(this).attr("href")