gpt4 book ai didi

javascript - paper-ripple 正在监听其容器外的点击事件

转载 作者:太空狗 更新时间:2023-10-29 16:06:20 27 4
gpt4 key购买 nike

我正在尝试为我的应用程序中的卡片创建简单的涟漪效果。它工作得很好,但它也在响应容器外的鼠标事件:

enter image description here

代码如下所示:

<dom-module>
...
<template>
...
<paper-material>
<div class="wrapper">...</div>
<paper-ripple></paper-ripple>
</paper-material>
...
</template>
</dom-module>

我不太明白为什么会这样。有什么想法吗?


已添加

整个页面是一个独立的dom-module。显然以这种方式使用 paper-ripple 会导致这种情况发生。我该如何解决这个问题?

最佳答案

更新 (2015 年 6 月 15 日): paper-ripple 1.0。 1 于 2015 年 6 月 11 日发布,其中包括 the PR fixing this problem ,使此答案中推荐的修复过时。只需更新 bower.json 即可绑定(bind)到 PolymerElements/paper-ripple#^1.0 .1


这是与 plagued another user on SO 完全相同的错误的症状。 .纸纹元素定位到错误的宿主元素。

修复 has been merged进入官方存储库,但尚未发布。现在要使用它,只需使用 master 分支作为 bower.json 中的版本。

我建议密切关注 releases并尽快使用实际版本作为依赖项,而不是 master 分支。

关于javascript - paper-ripple 正在监听其容器外的点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30768536/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com