ember.js - 在 Ember.View 中加载第 3 方嵌入小部件

Question

我正在将 RebelMouse 嵌入小部件加载到 Ember.View 中，如下所示：

App.RebelMouseView = Em.View.extend({
didInsertElement: function() {
var widgetEmbedCode = '<script type="text/javascript" class="rebelmouse-embed-script" src="https://www.rebelmouse.com/static/js-build/embed/embed.js?site=W3portals&height=900&flexible=1"></script>';

  this.$().append(widgetEmbedCode);
  }
});

但我希望有更好的方法来做到这一点。

一个不受欢迎的副作用是，每次我初始化该视图时，它都会以 1 秒的延迟重新加载整个小部件。谢谢。

Answer 1

好的，关于显示/隐藏的好主意，请参阅http://jsfiddle.net/9EC8F/了解如何操作。基本上，诀窍是将视图保持在路径更改时将被撕毁的任何出口之外。然后，把它放在你的路线中：

activate: function() {
    $(".rebel-mouse-view").show();
},
deactivate: function () {
    $(".rebel-mouse-view").hide();
}

在您看来，这是：

classNames: ['rebel-mouse-view'],