2016-07-05 16 views
0

Ich habe ein Element, dessen Höhe beim Hover-Effekt erweitert wird. Die Seite wird jedoch nicht nach unten gescrollt, wenn das Element über das Sichtfeld hinausragt.Fokussierung auf Elemente mit Ember-Komponenten

Ich habe gehört, jquery verwenden, um auf das Element bei Mauseinstieg zu konzentrieren, ermöglicht dies ordnungsgemäß zu funktionieren.

Hier ist, was ich bisher habe:

export default Ember.Component.extend({ 
    mouseEnter() { 
    $(this).focus(); 
    } 
}); 

Ich habe gerade erst begonnen Ember mit und bin nicht zu 100% auf, wie die Komponenten arbeiten, so dass alle Informationen willkommen.

+0

Normalerweise Ember JQuery Aliase Ember verwenden. $ Http://emberjs.com/api/#method__ oder als @runspired sagte der Komponente Abkürzung $() – heat

Antwort

1

Sie waren fast da.

export default Ember.Component.extend({ 
    mouseEnter() { 
    this.$().focus(); 
    } 
}); 
+0

Danke für die Antwort! Ich habe das ausprobiert und es reagiert immer noch nicht richtig. Irgendwelche anderen Ideen, was ich tun kann? – jakeinbake

+0

@jakeinbake können Sie bestätigen, dass der 'mousEnter' ausgelöst wird? (Eine console.log oder Debugger) – runspired

+0

Nun, die Dinge laufen jetzt reibungslos. Danke noch einmal! – jakeinbake