Fonction Document.ready

Question

J'ai du code dans le - $(document).ready(function() {- qui mélange des choses, le code est déclenché quand la page est chargée mais ce que je veux faire est d'ajouter un bouton pour que cette fonction s'exécute chaque fois que j'appuie sur bouton, comment pourrais-je y parvenir, merci?

Answer 1

Vous pouvez économiser du code "mélanger des choses" en tant que fonction et l'appeler à partir d'autres parties de votre base de code.

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

Vous pouvez simplement refactoriser le code que vous exécutez sur la fonction prêt dans sa propre fonction et appeler que dans le cas de clic de votre bouton:

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

function codeToRun(){ 
    // do work 
}