javascript - 在 JQuery/JS 中处理 MaterializeCSS 可关闭集合事件

Question

我想知道如何将“dismissable”类作为 JQuery 或 JavaScript 中 MaterializeCSS 集合的事件进行处理。HTML中有没有像ondismiss=""这样的能力？

可关闭仅在移动设备上启用，并表示滑动关闭手势。

Materialize Collections Documentation

感谢您的帮助。

Answer 1

它使用 hammerjs处理滑动事件，因此目前无法处理关闭事件。如果要编辑源代码，可以编辑 transitions.js 文件第 114 行:

$this.velocity({ height: 0, padding: 0,
  }, {duration: 200, queue: false, easing: 'easeOutQuad', complete:
  function() { $this.remove(); }
});

这是处理动画回调并实际删除集合元素的地方。您可以添加 jQuery trigger定义您自己的要处理的自定义事件。

如果您确实编辑源代码，请记住您需要将 JavaScript 重新编译到 Materialize.js 文件中。

如果您对纳入项目之类的内容感兴趣，可以在GitHub repo提交问题.