Safari 中的 DOM 遍历错误 - Ember.js

Question

我有我的模板类似的东西，

<ul id="items">
    {{#each items as |item index|}}
       <li>
        <!-- <input type="checkbox" id={{concat "pf" index}} /> -->
        {{input type="checkbox" id=(concat "pf" index)}}
       </li>
    {{/each}}
</ul>

我的 js 是这样的，

import Ember from "ember";

export default Ember.Controller.extend({
  appName: "Ember Twiddle",
  items: [{}],
  init: function() {
    $(document).on("click.somename", function (e) {
      alert($(e.target).parent().length); //should get parent as "li" and length as 1
    });
  }
});

我的项目发生的情况是，如果我单击 ember 输入助手，我将无法使用 jQuery 获取 parentElement。但是当我将该输入助手更改为正常的<input type="checkbox" /> 时，我能够获得parentElement。我不知道 Safari/Ember 是否使用任何虚拟 DOM 或其他东西来呈现它自己的助手。 此问题仅在 Safari 中发生。在 Chrome 中，它运行良好。

不幸的是，我无法制作小提琴/plunker，因为该问题无法在其中复制。对于那个很抱歉。在我的项目中，我使用的是ember@2.7.3。

关于这个问题有什么建议/帮助吗？

Answer 1

虽然我建议首先尝试找到一种方法来避免使用 jQuery click 事件，但这听起来像是不同浏览器如何处理 parent 的问题。我更喜欢使用.closest('li').eq(0) 来访问与您要查找的元素匹配的第一个父级。