Question

我在编写一个脚本以在滚动一定数量的像素后更改标题

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：意外的令牌（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投掷＆＃34;意外令牌＆＃34;用于Jquery脚本

1 个答案: