JQuery - 前の要素ロードを実行しています

Question

Jsonを返すMVC3アクションから、いくつかのパラメータと内容を文字列として含むデータをロードしています。私はいくつかのdivにコンテンツを追加します。部分ビューでは、私はdocument.ready JQueryイベントを持っています。何らかの理由で、コンテンツが追加される前に関数が実行され、ready関数で宣言したセレクタはすべて空です。

論理的な理由はありますか？セレクタが要素を参照するタイムアウトを設定していますか？しかし、タイムアウトは非常に不正確です。

提案がありますか？

ありがとうございます！

例コードフィドル：http://jsfiddle.net/aKxy7/

Answer 1

私は、Ajax経由で読み込まHTMLで選択された要素の準備が整うまで待機符号化方法をアップしました。

Answer 2

あなたはがロードされている結局assestsを発射する$(document).ready()を期待しているように聞こえます。それはどのように$(document).ready()の動作ではありません。 DOMがレンダリングを終了するとトリガーされます。これ以上何もない。 $(window).load()を使用したいと思うようですが、はがすべてのアセットがロードされるまで待機します。

Answer 3

$(document).ready()は、HTML！が読み込まれます。これは、あなたのHTMLがHTML DOMを変更するいくつかのjavascriptを読み込んだ場合、その前に$(document).ready()が呼び出されることを意味します。

関数が最後に呼び出されていることを確認するか、必要な要素がすべてロードされるまで自身を呼び出すsetTimeoutを使用する必要があります。あなたの$で

Answer 4

（ドキュメント）.ready機能あなたのサーバーから答えを得るためにjQueryの $アヤックスや $ .getJSON を呼び出すことができます。次に、必要な場所でjsonレスポンスを注入することができます。何のsetTimeoutは、私は同じ問題を持っていた

Answer 5

$(document).ready in ascx page after ajax callback

を必要としません。

Answer 6

まず第一に、

var elementIWannaGet = $('html-content-div'); 

しかし

var elementIWannaGet = $('#html-content-div'); 

する必要があり、あなたはDOMがすでにロードされているように、コンテンツからスクリプトを分離されてやったほうが良いかもしれないもの...

応答を次のように変更することを検討してください。

そして、次のようにあなたのcontentLoadedハンドラを変更：

function contentLoaded(response) { 
    if (response.result == true) 
     handleError(response); 

    // Get the container where the response.content will be rendered to. 
    var targetContainer = $('#target-container-id'); 

    // Append the content 
    targetContainer.append(response.content); 

    // Do something with your container 
    alert($(response.elementId).html().length); 
}