動的要素がDOM内にある場合の呼び出し方法

Question

私は$httpサービスを使用してデータを取得し、DOM要素を生成します。 jQuery/AngularJSで動的要素のメソッド（例：slideToggle()）を呼び出すにはどうすればよいですか？ページが読み込まれたときにこれを行う必要があります（クリックイベントなどではありません）。

これを行うには$('#test').slideToggle()（#testは生成された要素です）私はタイムアウトが必要です。

Answer 1

説明からわかりにくいですが、リモートから取得するデータから要素を作成する場合は、スクロールする前に要素の作成/挿入が完了していることを確認する必要があります。

次のコードは、あなたがこれを行うことができます方法の例です：

$http({ 
    method: 'GET', 
    url: '/someUrl' 
}) 
.then(createAndInsertYourElement) 
.then(scrollToElem); 

function createAndInsertYourElement(data) { 
    var $elem = $('<div id="test">' + data.whateva + '</div>'); 
    $('#someElement').append($elem); 
    return $elem; 
} 

function scrollToElem($elem) { 
    $elem.slideToggle(); 
} 

注.then秒。 Angularの$ httpは約束を返すので、これはオプションです。約束事に精通していない場合は素晴らしいですが、チェックアウトする必要があります：http://www.dwmkerr.com/promises-in-angularjs-the-definitive-guide/