javascript - On click 函数转换为 on load 函数

Question

我有代码

$(function() {
    // run the currently selected effect
    function runEffect() {
        // get effect type from
        var selectedEffect = $( "#effectTypes" ).val();

        // most effect types need no options passed by default
        var options = {};
        // some effects have required parameters
        if ( selectedEffect === "scale" ) {
            options = { percent: 100 };
        } else if ( selectedEffect === "size" ) {
            options = { to: { width: 280, height: 185 } };
        }

        // run the effect
        $( "#effect" ).show( selectedEffect, options, 500, callback );
    };

    //callback function to bring a hidden box back
    function callback() {
        setTimeout(function() {
            $( "#effect:visible" ).removeAttr( "style" ).fadeOut();
        }, 1000 );
    };

    // set effect from select menu value
    $( "#button" ).click(function() {
        runEffect();
    });

像dis一样，我想将dis on click功能更改为on load功能，我是初学者，所以请帮助我

Answer 1

如果我理解正确的话，您想在页面加载时运行 runEffect 函数吗？

您可以通过从 jQuery 就绪事件中调用该函数来完成此操作。

// This is shorthand for $(document).ready(function() { ... })
$(function() {
    // Declare the runEffect function here

    runEffect();
});