2016-11-03 17 views
1

jQueryコードでASP.NET MVCを使用して、partialViewをロードしています。 partialViewには、クリック機能でクリックされたアイテムに関する説明がいくつか含まれています。オブジェクトがロードされると、説明がスライドされます。jQuery slideDown on load

私は、次のコードを持っている:

$('.details').click(function(){ 
    $('#details').load($(this).data('url'), { id: $(this).data('id')}).slideDown('slow'); 
    //the slidedown part doesn't seem to work. 
}); 

をしかし.slideDown()が動作するようには思えません。私はこれについてどうやって得ることができますか?代わりに.animate()を使用する必要がありますか?

ありがとうございます!

EDITは、私が最初に.hide()にそれを必要とするかもしれないと言っていくつかの質問を見つけました。これはうまくいくようですが、​​の終了後にテキストの一部が更新されると、「要素」が完全に読み込まれないことがあります。

負荷が終了したら.slideDown()を実行する方法はありますか?

答えて

2

これは、$().load()が直接的でないためです。ロードが完了したときに実行されるコールバックである3番目のパラメータがあります。そのため、スライドするのを待つ必要があります(テストされていません、残念です)。

これを試すことができますか? $ {this} $ {this} $ {this} $ {this} $ {this} 'スロー'); });

と動作しているかどうかを教えてください。

+0

魅力的な作品です。ありがとう! :D – Zeliax