1

我创建了一个小型 Polymer 站点(可从http://infinitech.org/beta获得)。我在 a 中嵌套了 ana hrefcore-icona paper-item。但是,我必须单击文本a href才能转到链接。我怎样才能让它点击任何地方paper-item都会转到链接(这样我就不必点击文本a href)?我正在使用聚合物 0.5.1。非常感谢您的时间和帮助!

4

2 回答 2

0

它对我也不起作用。我找到了 polymerthemes.com 正在使用的解决方法。你基本上颠倒了 paper-item 和 a

<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上对我有用。虽然墨水似乎停止了工作。

于 2015-03-15T20:00:30.843 回答
0

根据 Polymer 的paper-item文档,您必须<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>
于 2014-11-28T21:15:55.210 回答