Javascript 如何在页面加载后立即触发按钮单击事件?

Javascript 如何在页面加载后立即触发按钮单击事件?,javascript,jquery,Javascript,Jquery,我有一个jQuery: $(document).ready(function () { $("body").on( "click", "#btnGetData", function() { var _begdate = $("#datepickerFrom").val(); var _enddate = $("#datepickerTo").val(); var _unit = $("#unitName").text();

我有一个jQuery:

$(document).ready(function () {
    $("body").on( "click", "#btnGetData", function() {
        var _begdate = $("#datepickerFrom").val();
        var _enddate = $("#datepickerTo").val();
        var _unit = $("#unitName").text();
        document.body.style.cursor = 'wait';

        $.ajax({
            . . .elided for brevity.
        });
    });
    $("#btnGenData").trigger('click');
});
我需要点击事件发生在页面加载时;在单击功能之后,我尝试以这种方式调用它:

$("#btnGenData").trigger('click');

…但它不起作用。我遗漏了什么?

单击处理程序正在查找id为btnGetData的身体子按钮。您正在触发的按钮的id是btnGen数据。

尽管您的问题是因为一个小的输入错误,因为第一行必须有id
#btnGenData
而不是
#btnGetData
,但除此之外,我建议您在document.ready中使用setTimeout来触发点击事件。10毫秒的延迟将导致函数在调用所有
$(document).ready()
处理程序后立即运行

**$("body").on( "click", "#btnGetData", function()** {
        var _begdate = $("#datepickerFrom").val();
        var _enddate = $("#datepickerTo").val();
        var _unit = $("#unitName").text();
        document.body.style.cursor = 'wait';

        $.ajax({
            . . .elided for brevity.
        });
    });
$(函数(){
setTimeout(函数(){
$(“#btngenda”).trigger('click');
},10);
$(“#btngenda”)。在('click',function()上{
警报(“点击”);
})
})


btnCick
直接在页面加载事件中输入代码:)@cale\u b:它确实会在第二次和后续时间动态添加。该死,我喜欢这些拼写错误。这是一个特别困难的问题,因为拼写错误不仅是一个实际的单词,而且实际上是同义词。