Document.ready関数

Question

私はいくつかのコードを持っています - $(document).ready(function() { - その周りのものをシャッフルすると、ページが読み込まれたときにコードが実行されますが、私がしたいのはボタンを追加するためです。ボタン、どのように私はこれを達成することができます、ありがとう??

Answer 1

「シャッフルする」というコードを関数として保存し、コードベースの他の部分から呼び出すことができます。

var foo = function() { 
    // code that shuffles stuff around 
}; 

$(document).ready(function() { 
    foo(); 
    // other stuff 
}); 

$('#mybutton').click(foo); 
//or 
$('#mybutton').click(function() { 
    foo(); 
    // other stuff. 
}); 

Answer 2

function shuffleStuffAround() { 
    // truffle shuffle 
} 

$(function($) { // DOM ready 
    shuffleStuffAround(); 

    $("#some-button").click(function() { 
     shuffleStuffAround(); 
     return false; // you probably want this 
    }); 
}); 

Answer 3

あなたは、単純なリファクタリングあなたが独自の機能にレディ機能で実行して、ボタンのクリックイベントでそれを呼び出すコードができます：あなたは何を

$(document).ready(function(){ 
    codeToRun(); 
    $('.button').click(function(){codeToRun()}); 
}); 

function codeToRun(){ 
    // do work 
}