Ember 2：如何添加自定义jQuery

Question

以下哪里去？

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

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

Answer 1

当您在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代码）的烬路可能会创建一个组件，但我不知道你试图用这个代码实现什么。