问题标签 [ripplejs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
111 浏览

javascript - 以编程方式调用rippleJs

Ripple.JS ( GitHub | Demo | CDN ) 为 HTML 元素添加了 Material 样式的波纹,如下所示:

问:有没有办法以编程方式调用它?

jsFiddle和 Stack Snippets中的演示

0 投票
1 回答
90 浏览

angular - 在Angular中使用ripple-js时按钮单击不会触发

我在我的 Angular 5 项目中使用这里ripple-js的库。一旦我将类添加到我的按钮,涟漪效果就会开始起作用,但是按钮单击停止触发。ripple

这是我的按钮的示例 HTML -

请告知可能是什么问题。

0 投票
1 回答
1450 浏览

angular - 禁用 Angular Meterial Stepper 组件的“波纹”效果(单击选项卡时)

我有一个使用 Angular Material Stepper 组件的应用程序。

<mat-horizontal-stepper>

如何在没有 CSS-hacks 的情况下禁用逐步点击选项卡上的“涟漪”行为?

谢谢!

0 投票
1 回答
166 浏览

javascript - 如何在标题上添加波纹效果

我必须建立一个网站,在标题或网站的第一页中我需要使用涟漪效应

我仍然不明白我做错了什么。

下面是代码:

这是CSS:

在我添加的头上

在代码的最后我添加了:

这就是我试图在 js 上插入的方式:

其余不需要的代码。

0 投票
0 回答
55 浏览

javascript - 涟漪 Js 不会随着容器宽度的变化而变化

我目前在我的网站中使用 Ripples js 库作为容器,尽管这个容器会根据点击事件上的 Jquery 更改宽度。出于某种原因,涟漪效应仍然保持 100% 宽度,而不管 Jquery 添加如何,这不允许我的 Jquery 运行,我该如何解决这个问题?

我网站的链接是:solace.earth 密码是:solace

下面是我用于此特定部分的代码片段。

任何帮助将不胜感激!太感谢了!