Question

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

锚标记：

    <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>

“wave-effect wave-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>

Answer 1

您可以使用.addClass()的{{1}}和.removceClass()方法在元素中添加或删除类。

在您的情况下，您想要将涟漪效应添加到锚标记。因此，为该锚标记指定一个ID，并使用jQuery方法添加或.addClass()删除涟漪效应。

因此，您可以触发.removeClass()之类的事件来添加/删除您的课程（button click, page load）

我创建了一个 jsfiddle 看看：

演示： https://jsfiddle.net/Tirth_Patel/s52ko6eo/

<强> 实施例

<强> HTML

waves-effect waves-light

<强>的jQuery

<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>

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

1 个答案: