Ember.js 余烬2：如何添加自定义jQuery

下面的内容是什么

$('a').click(function() {
    $('html, body').animate({
        scrollTop: $($.attr(this, 'href')).offset().top
    }, 500);
    return false;
});

---

我也在Rails环境中工作，然后在Rails应用程序中使用Ember前端。我在Ember供应商的文件夹中尝试了它，并在Ember-cli-build.js中调用了导入，当我去测试它时，没有任何效果。当您在

ember cli build.js

上使用

app.import

添加某个将使该代码成为您的

vendor.js

文件的一部分的内容时，是否缺少一个步骤。在应用程序可用之前下载并执行vendor.js文件（据我所知）。这意味着您的模板在代码执行时不会呈现，并且您的

$（'a'）

将返回一个空列表（因此它不起作用）

如果您想完全做到这一点，我相信您可能需要执行事件委派，类似这样的操作：

$( "body" ).on( "click", "a", function() {
  $('html, body').animate({
    scrollTop: $($.attr(this, 'href')).offset().top
}, 500);
return false;
});

这样，当应用程序中已有链接时，您可以将单击事件委托给

a

链接

---

像这样运行代码（jquery代码）的余烬方式可能是创建一个组件，但我不确定您试图用这段代码实现什么。

…只有在我的主页上，当我单击导航链接时，我只希望它滚动到指定的锚定标记。我尝试了上面的代码，但仍然不起作用。当我将其直接放在控制台中时，代码确实起作用。所以我的问题是，我找不到一种方法在页面加载后调用它。通过组件的方式，因为我对Ember应用程序是完全陌生的，为了实现这一点，我到底需要什么？请提供文件名的示例以及该文件的详细内容。您能否分享有关主页/导航链接的详细信息？它是一个组件，带有{{link to}的模板。