jqueryコードを1つずつ実行する方法は？

Question

jqueryコードを1つずつ実行する方法は？ 私はまず仕事を終えるときに "機能1"をします。次に「機能2」を実行してください...

ありがとうございます。

<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    $(document).ready(function(){ 
    //function 2, jqeury.ajax 
    }); 
    $(document).ready(function(){ 
    //function 3, jqeury.json 
    }); 
    $('#col').load("home.html"); 
    //function 4, jqeury.load 
    }); 
}); 
</script> 
<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    //function 1, a jquery slider plungin 
}); 
</script> 

Answer 1

ドキュメントレディコールはあまり必要ありません。 1つは十分です

あなたが作成しているAJAX呼び出しからの応答を受け取った後で、それぞれのメソッドを呼び出すことを意味する場合は、コードをコールバックに入れます。

$(document).ready(function(){ 
    one(); //call the initial method 
}); 

function one(){ 
    $.get('url', {}, function(data){ 
     two(); //call two() on callback 
    }) 
} 

function two(){ 
    $.getJSON('url', {}, function(data){ 
     three(); //ditto 
    }) 
} 

function three(){ 
    $('#selector').load('url'); 
} 

ドキュメント

http://api.jquery.com/jQuery.get/

http://api.jquery.com/jQuery.getJSON/

http://api.jquery.com/load/

Answer 2

使用setTimeout機能

function f1(para) { 
    // ... 
    // do work; 
    setTimeout(f2, 10); 
} 

function f2() { 
    // ... 
    // do work 
    setTimeout(f3, 10); 
} 

Answer 3

<script type="text/javascript"> 

jQuery(document).ready(function(){ 
    function2(){ //declare what function 2 will do here 
    //function 2, jqeury.ajax 
    } 
    function3(){ 
    //function 3, jqeury.json 
    } 
    $('#col').load("home.html"); 
    //function 4, jqeury.load 
    }); 
}); 
</script> 
<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    //function 1, a jquery slider plungin 

    function2(); // execute function 2 after 1 
    function3(); 
}); 
</script> 

Answer 4

3つのajax呼び出しを行っているようです。コールバック関数を使用し

$(function() { // this is a document ready function. it's all you need. 
    $.ajax(/* your ajax specs */).done(function() { 
     $.getJSON('somepath').done(function() { 
      $('#container').load('etc.'); 
     }); 
    }); 
}); 

Answer 5

代わりに複数のdocument.readyを使用して（）：jQueryの1.5以来、私たちは今、（技術的にjqXHRオブジェクト）あなたはこのようにそれらをチェーンことができますので、AJAX呼び出しから返さDeferred objectを持っています以下。

<script type="text/javascript"> 
function ajaxfun() { 
    //function 2, jqeury.ajax 
    //in ajax callback call the jsonfun(); 
} 
function jsonfun(){ 
    //function 3, jqeury.json 
    //after json function add the next function in it callback. 
} 
</script> 
<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    //function 1, a jquery slider plungin 
    //Call ajaxfun() here to execute second. 
}); 
</script>