javascript - 如果从带有数据工具提示和标记中的 HTML 注释的 Knockout 自定义绑定(bind)调用，Foundation Reflow 会导致错误

Question

伴随 jsFiddle 重现问题:http://jsfiddle.net/ComradeF/M9e94/

我在一个项目中同时使用 Foundation 和 Knockout。我面临的挑战之一是当新的 tabs需要渲染，Knockout 会遵守，但单击选项卡不会执行任何操作。解决方案是调用 $(document).foundation('reflow')在自定义绑定(bind)中。不幸的是，该解决方案可能不够充分，或者根本就是错误的，因为它现在与我收到的错误相关联。

我尝试添加tooltips通过 data-tooltip 访问选项卡及其部分内容属性在我的标记中，只是在 jQuery 2.1.0 的第 1422 行出现错误。该行是 elem.getAttribute( name ) ，错误为undefined is not a function 。在这种情况下，elem是一条评论，因此没有 getAttribute()功能。

可以通过删除标记中的注释 ( <!-- this is a comment --> ) 或删除 data-tooltip 来消除该错误。选项卡链接中的属性。

我意识到快速解决方法是从我的标记中删除 HTML 注释，但我觉得这可能是潜伏着更糟糕的事情的症状......所以我更愿意调查和解决而不是采取简单的方法出路。

Answer 1

我遇到了同样的问题(除了我正在开发 Angular js 项目)。

我还没有找到解决方案，但我已经找到了解决方法。如果有人知道好的解决方案请告诉我。

我的解决方法是缩小 $(document).foundation('reflow'); 的范围，以避免任何 html 注释元素(不幸的是，这在 Angular js 应用程序中是必要且常见的) .

例如$(element.find("nav")).foundation('tooltip', 'reflow'); 这至少可以阻止我的特定用例中发生的错误。