Javascript .click 监听器在 DOM Ready 上触发

Question

我有这个简单的 JS 代码，当单击某些 HTML 元素时，它会执行 AJAX 请求。至少，这就是它应该做的。由于某种原因，我列出的每个 URL 都会在页面加载后立即触发，而不是在单击元素时触发

function challenge_stuff(url) {
    $.ajax({
        url:url,
        success:function(result){
            $("#challenge_stuff").html(result);
        }
    });
}

$("#cancel").click(challenge_stuff("../cancel_challenge"));
$("#accept").click(challenge_stuff("../accept_challenge"));
$("#decline").click(challenge_stuff("../decline_challenge"));
$("#wonMatch").click(challenge_stuff("../won_match"));
$("#lostMatch").click(challenge_stuff("../lost_match"));
$("#confirm_win").click(challenge_stuff("../confirm_win"));

Answer 1

使用

$("#cancel").click(function() {challenge_stuff("../cancel_challenge")});

相反。