菜单

在相关语境下向用户介绍新功能和功能，提供价值并鼓励回访。

在相关语境下向合适的用户展示功能发现提示时，其影响更大。如果在错误的时间向错误的用户展示，它们可能会造成干扰和烦扰。

打开轻点目标     关闭轻点目标

菜单
我在这里

在相关语境下向用户介绍新功能和功能，提供价值并鼓励回访。


  <!-- Element Showed -->
  <a id="menu" class="waves-effect waves-light btn btn-floating" ><i class="material-icons">menu</i></a>

  <!-- Tap Target Structure -->
  <div class="tap-target" data-target="menu">
    <div class="tap-target-content">
      <h5>Title</h5>
      <p>A bunch of text</p>
    </div>
  </div>

初始化


  document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.tap-target');
    var instances = M.TapTarget.init(elems, options);
  });

  // Or with jQuery

  $(document).ready(function(){
    $('.tap-target').tapTarget();
  });

选项

名称 类型 默认值 说明
onOpen 函数 null 打开轻点目标时调用的回调函数。
onClose 函数 null 关闭轻点目标时调用的回调函数。

方法

由于 jQuery 不再是依赖项，所有方法都在插件实例上调用。你可以这样获取插件实例


  var instance = M.TapTarget.getInstance(elem);

  /* jQuery Method Calls
    You can still use the old jQuery plugin method calls.
    But you won't be able to access instance properties.

    $('.tap-target').tapTarget('methodName');
    $('.tap-target').tapTarget('methodName', paramName);
  */
.open();

打开轻点目标


  instance.next();
  instance.next(3); // Move next n times.

.close();

关闭轻点目标


  instance.close();

.destroy();

销毁插件实例并拆除


  instance.destroy();

属性

名称 类型 说明
el 元素 用于初始化插件的 DOM 元素。
options 对象 用于初始化实例的选项。
isOpen 布尔值 如果轻点目标已打开。