Ember CLI 为 Jquery 脚本抛出 "unexpected token"

Question

我正在编写一个脚本来在滚动一定数量的像素后更改 header

import Ember from 'ember';

export default Ember.Component.extend({  
    $(window).scroll(function() {
        var value = $(this).scrollTop();
        if ( value > 49 )
            $("#header-scroll").css({"height": "50px", "opacity": "1"});
        else
            $("#header-scroll").css({"height": "0px"});
    });
});

Ember CLI 抛出此错误：

SyntaxError: keyphrame/components/header-view.js: Unexpected token (4:11)

我刚开始玩 Ember，所以非常欢迎任何意见或建议

Answer 1

你不应该把它放在那里。

有didInsertElement个钩子。当组件插入 DOM.

时调用

export default Ember.Component.extend({
  didInsertElement() {
    this._super(...arguments);
    $(window).scroll(function() {
      var value = $(this).scrollTop();
      if (value > 49)
        $("#header-scroll").css({
          "height": "50px",
          "opacity": "1"
        });
      else
        $("#header-scroll").css({
          "height": "0px"
        });
    });
  }
});

Ember CLI 为 Jquery 脚本抛出 "unexpected token"

Ember CLI throwing "unexpected token" for Jquery script

jquery

ember.js

ember-cli