5

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

在此处输入图像描述

代码如下所示:

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

我不太明白为什么它会这样。任何想法?


添加

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

4

1 回答 1

3

更新 (2015 年 6 月 15 日): paper-ripple 1.0.1 于 2015 年 6 月 11 日发布,其中包括修复此问题的 PR,使此答案中推荐的修复已过时。只需更新bower.json以绑定到PolymerElements/paper-ripple#^1.0.1.


这是困扰 SO 上另一个用户的相同错误的症状。纸波纹元素的目标是错误的宿主元素。

修复程序已合并到官方存储库中,但尚未发布。要现在使用它,只需将master分支用作bower.json.

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

于 2015-06-11T03:38:44.647 回答