2017-02-23 47 views
0

我试图触发点击功能页面加载后的第一个标签(i'e TAB1),我的HTML如下jQuery的点击触发工作不适合在页面加载标签

<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'); 
代码示例代码10

有人可以帮忙吗?

+2

它更可靠单击处理程序中的逻辑提取到自己的函数,然后调用该函数在单击处理和负载。 –

+0

您是否触发$(document).ready()的点击? –

+0

是的,我这样做,仍然不起作用 – sam

回答

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>