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 
}