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

Question

我在 Angular 5 项目中使用来自 here 的 ripple-js 库。只要我将 ripple class 添加到我的按钮，涟漪效应就开始起作用，但是按钮点击停止触发。

这是我的按钮的示例 HTML -

<div id="btnSearch" class="search_button_right tooltipstr ripple" title="Click here to Search">
                    <button class="btn" type="submit" (click)="Search();">
                        Search
                    </button>
                </div>

请告知可能是什么问题。

Answer 1

检查按钮及其父级 class 的 CSS z-index 属性。如果某个按钮的 Z-index 值小于 div 的 z-index 值。它不会工作。尝试在按钮中赋予高价值。

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

Button Click doesn't fire when using ripple-js in Angular

angular

ripplejs