带有聚合物纸按钮的流星铁路由器未路由和铁路由器布局模板事件未触发答案

【问题标题】：meteor iron-router with polymer paper-button not routing and iron-router layout template events not firing带有聚合物纸按钮的流星铁路由器未路由和铁路由器布局模板事件未触发
【发布时间】：2014-12-02 14:30:27
【问题描述】：

Live Demo, source link at bottom

问题 1：我正在使用 Meteor 1.0，我最初的问题是在 iOS Safari 中，<a> 标签不会路由到href 路径。它在所有其他桌面浏览器中都能正常运行。

<a> 标签包裹在<paper-button> 元素周围。

<a href="{{pathFor 'vis1'}}" class="non-a">
    <paper-button unresolved>home</paper-button>
</a>

这是 polymer-project.org 实现其按钮的方式。我发现如果我删除 <paper-button> 并且只拥有 <a> 本身，页面将在 iOS Safari 中正确路由。我不明白为什么这只会在移动 Safari 中成为问题。

问题 2：在尝试调试时，我尝试将 'click' 事件附加到 <a>s（在 safari 的 ios 模拟器检查器中查看它时）使用

Template.navbar.events({
    'click .navigation':function(e){
        console.log('click on navbar');
    },
    'click a':function(e){
        //e.stopPropagation();
        console.log('click on a tag');
    }
});

但是，在移动版 Safari、Safari 8.0 或 FF 34.0 中都没有点击事件 console.log，但在 Chrome 39.0 和 Opera 中却有。我也不明白为什么这会有所不同。

【问题讨论】：

标签： meteor mobile-safari polymer iron-router

【解决方案1】：

似乎聚合物是问题所在。我删除了模板中所有出现的聚合物元素，'click' 事件仍然不会触发（在 Safari 和 FF 上）。最终解决的问题是执行

`meteor remove ecywne:polymer`

这是有道理的，因为它与聚合物有关，因为 Chrome 和 Opera 似乎没有问题。

Addyo 对this stack question 的回复似乎暗示着流星和聚合物之间存在不相容性。

我不确定冲突在哪里，但我在流星聚合物页面上提交了an issue。

【讨论】：