javascript - emberjs 模板中的 Jquery 插件

Question

嗨，我正在尝试使用 ember.js 和 feedek 制作一个简单的提要阅读器。但到目前为止，当我尝试放置提要代码时，它不起作用。

feedek 的 Jquery 代码(在脚本标记的索引模板内):

$('#divRss').FeedEk({
    FeedUrl: 'http://vikinglogue.com/feed/',
    MaxCount: 100
});

模板的 HTML 代码:

<script data-template-name="index" type="text/x-handlebars">
    <article style="background-color:#fff;" id="divRss"></article>
</script>

当我在浏览器中运行此代码时，模板中没有显示任何内容，并且我没有收到任何错误。我认为这个问题是由于没有在模板中链接 feedek 引起的，但当我尝试它时，没有任何反应。谢谢，如有任何帮助，请提供帮助。

Answer 1

要在 Ember 应用程序中使用 jQuery 插件，通常最好将其包装在 component 中。 :

App.FeedEkComponent = Ember.Component.extend({
  tagName: 'article',

  didInsertElement: function() {
    this.$().FeedEk({
      FeedUrl: 'http://vikinglogue.com/feed/',
      MaxCount: 100
    });
  }
});

然后在您的 Handlebars 模板之一中，

<p>Your feed:</p>
{{feed-ek}}