javascript - Jquery 单击触发器不适用于页面加载时的标签

Question

我试图在页面加载后触发第一个标签(即 tab1)的点击功能，我的 html 如下

<div id="my-account-content">
<label class="tab" for="tab1">Maids</label>
<label class="tab" for="tab2">Housekeeper Nanny</label>
<label class="tab" for="tab3">Qualified Nanny</label>
</div>

Javascript 在点击功能上运行良好，示例代码如下

$('#my-account-content label').on('click', function(e) {
                e.stopPropagation();
                ....
}

但是当我尝试在页面加载时触发点击功能时，它不会触发点击功能，代码如下

$('#my-account-content label:first').trigger('click');

有人可以帮忙吗？

Answer 1

$('#my-account-content label').on('click', function(e) {
             alert($(this).html());
              
})

$('#my-account-content label:first').trigger('click');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="my-account-content">
<label class="tab" for="tab1">Maids</label>
<label class="tab" for="tab2">Housekeeper Nanny</label>
<label class="tab" for="tab3">Qualified Nanny</label>
</div>