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