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

＆＃13;

＆＃13;

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

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;