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

Question

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

这是我的按钮的示例 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

检查按钮及其父类的 CSS z-index 属性。如果按钮的 Z-index 值小于 div 的 z-index 值。它行不通。尝试在按钮中赋予高价值。