Twitter bootstrap Materialize.css-如何在指定元素（锚定标记）上禁用涟漪效应/波浪效应？

我试图仅从指定的锚标记中移除涟漪效应/波浪效应，但无法实现它。有什么想法吗

锚定标签：

    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
       <span>My Policies</span>
       <i class="fa fa-angle-down" aria-hidden="true"></i><i class="fa fa-plus"></i>
    </a>

“waves effect waves light”类动态添加如下：

<a class="nav-link dropdown-toggle waves-effect waves-light" href="#" id="navbarDropdownMenuLink3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
  <span>My Policies</span>
  <i class="fa fa-angle-down" aria-hidden="true"></i><i class="fa fa-plus"></i>
</a>

---

您可以使用

jQuery

的

.addClass（）

和

.removeClass（）

方法添加或删除元素中的类

在您的例子中，您希望向锚定标记添加涟漪效应。因此，为锚定标记分配一个id，并使用

.addClass（）

方法添加或

.removeClass（）

消除涟漪效应

因此，您可以触发一个事件，如

按钮单击、页面加载

来添加/删除您的类（

波浪效果波浪灯光

）

我已经创建了一个jsfiddle看看：

演示：

示例：

HTML

<a class="blue nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

    <span>My Policies</span>

    <i class="fa fa-angle-down" aria-hidden="true"></i>
    <i class="fa fa-plus"></i>

</a>

<br><button id="btn" class="btn">Add Ripple</button>

<br><br><button id="btn2" class="btn">Remove Ripple</button>

$(document).ready(function(){

    // Adds `waves-effect wave-light` class to `anchor`
    $('#btn').click(function(){

        $('#navbarDropdownMenuLink3').addClass('waves-effect waves-light');
    });


    // Removes `waves-effect wave-light` class from `anchor`
    $('#btn2').click(function(){

        $('#navbarDropdownMenuLink3').removeClass('waves-effect waves-light');

    });

});