Javascript Ember.js中的CSS边框和奇怪元素边框 背景资料：

我正在使用ember.js。在我的标记中

<script type="text/x-handlebars" id="add">
  {{#view App.AddView id="drop"}}
      {{msg}}
  {{/view}}
</script>

以及相关的CSS：

#drop {
  border: 10px solid gray;
  max-width: 50%;
  margin:auto;
}
#drop.enter {
  box-shadow: 0px 2px 4pt 4pt lightskyblue;
}

问题是： 人们似乎对下降区域的边缘究竟在哪里感到困惑。当我把一个图像拖到窗口中时，阴影和“像热一样放下它”的信息被应用。。。但只有当我在框周围的空白处拖动时，而不是在框内拖动时。如果我取消了对宽度和边距的限制，那么它的行为正常。但是，当有余量时，无论我做什么，它都会有这种奇怪的行为

---

我做错什么了吗？这是我的第一个ember.js项目。是否有其他方法可以将ID应用于视图创建的元素？我应该做些有针对性的事情吗？

我试图重现你的问题。对我来说似乎很好。您可以按照Ember.js的方式做更多的事情。控制器：

App.AddView = Ember.View.extend({
  classNameBindings: [ 'enter:enter:leave'],
  enter: false,
  dragEnter: function(event) {
    this.set('enter', true);
    this.set('text', 'Drop it like it\'s hot.');
  },
  dragLeave: function(event) {
    this.set('enter', false);
    this.set('text', 'Drag image files here.');
  },
  text: ''
});

车把模板：

<script type="text/x-handlebars" id="add">
  {{#view App.AddView id="drop"}}
      {{view.text}}
  {{/view}}
</script>

{{{#view App.AddView id=“drop”}
{{view.text}
{{/view}

---

您可以访问完整的代码，但rest只是Ember.js初学者工具包。

解决了这个问题。我还在努力弄清楚到底是怎么回事。很高兴听到这个消息。我使用了初学者工具包，您可能有更多可能导致问题的余烬应用程序代码。不是真的。我也在使用启动工具包，我的应用程序还没有做很多事情。我想这与试图找到$（“#drop”）来应用类有关，而它已经知道“this”是什么？我对余烬还不是很了解。

<script type="text/x-handlebars" id="add">
  {{#view App.AddView id="drop"}}
      {{view.text}}
  {{/view}}
</script>