文檔准備功能

Question

我在- $(document).ready(function() {-中有一些代碼，這些東西會亂碼，加載頁面時會觸發代碼，但是我想做的是添加一個按鈕，以便每次我運行此函數時按下按鈕，我怎么能做到這一點，謝謝？

Answer 1

function shuffleStuffAround() {
    // truffle shuffle
}

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

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

Answer 2

您可以將“亂碼”代碼另存為一個函數，並從代碼庫的其他部分調用它。

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 3

您可以簡單地將在ready函數上運行的代碼重構為它自己的函數，然后在按鈕的click事件中調用它：

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

function codeToRun(){
    // do work
}