Question

我创建了一个小型聚合物网站（http://infinitech.org/beta处可用）。我在a href内嵌套了core-icon和paper-item。但是，我必须单击a href的文本才能转到该链接。如何点击paper-item上的任何位置都会转到该链接（这样我就不必点击a href的文字了？）我正在使用Polymer 0.5.1。非常感谢您的时间和帮助！

Answer 1

根据Polymer paper-item documentation，您必须将<a>标记放在<paper-item>内。还要添加noink属性以防止涟漪冻结。

<paper-item id="technews" tabindex="0" noink>                   
    <a href="technews.html">
        <core-icon icon="av:news" aria-label="news" role="img"><svg viewBox="0 0 24 24" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" fit="" style="pointer-events: none; display: block;"><g><path d="M20.33 4.67L18.67 3 17 4.67 15.33 3l-1.67 1.67L12 3l-1.67 1.67L8.67 3 7 4.67 5.33 3 3.67 4.67 2 3v16c0 1.1.9 2 2 2h16c1.1 0 1.99-.9 1.99-2L22 3l-1.67 1.67zM12 19H4v-7h8v7zm8 0h-7v-1h7v1zm0-2h-7v-1h7v1zm0-2h-7v-1h7v1zm0-2h-7v-1h7v1zm0-2H4V8h16v3z"></path></g></svg></core-icon>
        Tech News
    </a>
</paper-item>

Answer 2

它对我也不起作用。我发现了polymerthemes.com正在使用的解决方法。您基本上可以反转纸质项目的嵌套和

<a href="technews.html">
    <paper-item id="technews" tabindex="0" noink>                   
        <core-icon icon="av:news" aria-label="news" role="img"><svg viewBox="0 0 24 24" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" fit="" style="pointer-events: none; display: block;"><g><path d="M20.33 4.67L18.67 3 17 4.67 15.33 3l-1.67 1.67L12 3l-1.67 1.67L8.67 3 7 4.67 5.33 3 3.67 4.67 2 3v16c0 1.1.9 2 2 2h16c1.1 0 1.99-.9 1.99-2L22 3l-1.67 1.67zM12 19H4v-7h8v7zm8 0h-7v-1h7v1zm0-2h-7v-1h7v1zm0-2h-7v-1h7v1zm0-2h-7v-1h7v1zm0-2H4V8h16v3z"></path></g></svg></core-icon>
        Tech News
    </paper-item>
</a>

这在doco中没有涵盖，所以我认为它不是它的工作方式。虽然在https://gitbacklog.appspot.com上为我工作。虽然墨水似乎停止了工作。

使用Polymer 0.5.1中的paper-item转到页面？

2 个答案: