aureliaはサイズ変更時の位置を取得

Question

どのように私はaureliaでサイズ変更時に要素の位置を得ることができます。私は要素を持つメニューを持っており、ブロックのオーバーフローがドロップダウンメニューにプッシュされなければならない要素のサイズを変更します。私はjqueryと要素の位置でそれを作ることができますが、多分私はそれなしにaureliaで作ることができます。そして、どのように私はaureliaクラスでjqueryを適切に使うことができますか？ありがとう、私の英語のために申し訳ありません:)

私は方法でjqueryでDOM要素を取得できません。 jqueryをインポートしましたが、正しく機能しません。

Answer 1

要素を取得するためにjQueryを使用する必要はありません。 refカスタム属性を使用するだけで、要素はVMのプロパティになります。

はここに例を示しますhttps://gist.run?id=39ed84ccdeab0d064038e201d58f8098

app.html

<template> 
    <h1>Please open your console</h1> 
    <div ref="theDiv">${message}</div> 

    <button click.delegate="doStuff()">Click Me</button> 
</template> 

app.js

export class App { 
    message = "Hello"; 
    doStuff() { 
    console.log(this.theDiv.textContent); 
    } 
}