jQuery单击触发器不适用于页面加载上的标签

Question

我正在尝试在页面加载后触发第一个标签（i'e 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>