添加页面加载 jQuery 功能

Question

我有以下jQuery AJAX调用(在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>

Answer 1

定义事件处理程序后，调用.change()以触发事件，就像用户从下拉列表中选择了某些内容一样。

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);
}
});
}).change();
});