使用 Meteor-Blaze 向类添加属性

Question

如何使用 Meteor + Blaze 执行以下操作和/或为什么这不起作用？

代码做/不做下面所说的

// client...

$(document).ready(function () {
  console.log("this logs...");
  $('a.external').each(function () {
    console.log("this doesn't log");
    $(this).attr('title', 'External Link');
  });
});

Answer 1

在 Meteor 中，您需要小心地在绘制 DOM 后对其进行操作。上面的代码会在所有脚本下载完成后触发，但是 DOM 还没有被绘制出来。

幸运的是，这非常简单！

如果你的模板是这样的

<template name="hello">
    <a href="https://servicelocale.com/" class="external">Link</a>
</template>

然后就可以使用渲染的回调了：

Template.hello.rendered = function() {
    this.$('a.external').each(function () {
        $(this).attr('title', 'External Link');
    });
}

我还在渲染回调中使用了this.$ 而不是$。这很有用，因为它只查看hello 模板而不是全部。因此，您可以在页面上添加 <a class="external"，但使用不同的模板，并且不会添加标题属性。

您也可以在此处使用$。