添加页面加载jQuery功能

我有下面的jQueryAjax调用（在Wordpress站点上），当从下拉菜单中选择一个值（在更改时）时，它工作得非常好。但是，如何在页面加载时也运行此功能

我的理解是，我需要使用

$（document）.ready（）

，但是我一直在思考如何将其附加到现有代码中

感谢您的帮助

<script type="text/javascript">
jQuery(document).ready( function($) {
    var valueCheck;
    jQuery('#teamsID').on( 'change', function () {
         valueSelect = $(this).val();
     jQuery.ajax({
        type: "POST",
        url: "/wp-admin/admin-ajax.php",
        data: {
            action: 'call_team_stats',
            value: valueSelect,
        },
         success:function(output){
             jQuery('#stats').html( output );
         }
     });
    });
});
</script>

jQuery（文档）.ready（函数（$）{
var值检查；
jQuery（“#teamsID”）.on（'change'，function（）{
valueSelect=$（this.val（）；
jQuery.ajax({
类型：“POST”，
url:“/wp admin/admin ajax.php”，
数据：{
行动：“呼叫团队统计”，
值：valueSelect，
},
成功：功能（输出）{
jQuery（'#stats'）.html（输出）；
}
});
});
});

定义事件处理程序后，调用

.change（）

触发事件，就好像用户从下拉列表中选择了什么一样

jQuery（文档）.ready（函数（$）{
var值检查；
jQuery（'#teamsID'）。on（'change'，function（）{
valueSelect=$（this.val（）；
jQuery.ajax({
类型：“POST”，
url:“/wp admin/admin ajax.php”，
数据：{
行动：“呼叫团队统计”，
值：valueSelect，
},
成功：功能（输出）{
jQuery（'#stats'）.html（输出）；
}
});
}).change（）；
});谢谢，这很有效。超级简单，但我花了很长时间。感谢您的回复