Document.ready功能

Question

我有一些代码 - $(document).ready(function() { - 随机播放，代码在页面加载时触发但我想要做的是添加一个按钮，这样每次按下时都会运行此函数按钮，我怎么能实现这一点，谢谢??

Answer 1

你可以拯救你＆＃34;洗牌周围的东西＆＃34;代码作为一个函数，并从代码库的其他部分调用它。

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

您可以简单地将在ready函数上运行的代码重构为自己的函数，并在按钮的click事件中调用它：

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

function codeToRun(){
    // do work
}