Javascript 如何在页面加载时自动触发按钮单击
我已经包括了给定的代码Javascript 如何在页面加载时自动触发按钮单击,javascript,jquery,html,events,click,Javascript,Jquery,Html,Events,Click,我已经包括了给定的代码 <div class="tab-control"> <ul class="tabs"> <li class="active"> <a href="#aggregated">Aggregated</a> </li> <li> <a href="#app">App</a> </li> <
<div class="tab-control">
<ul class="tabs">
<li class="active">
<a href="#aggregated">Aggregated</a>
</li>
<li>
<a href="#app">App</a>
</li>
<li>
<a href="#operator">Operator</a>
</li>
<li>
<a href="#top">Top<br>by User</a>
</li>
<li>
<a href="#total">Total</a>
</li>
<li>
<a href="#session">Sessions</a>
</li>
</ul>
<div class="frames">
<div class="frame" id="app">
welcome app
<div class="time">yola</div>
</div>
<div class="frame" id="operator">
welcome operator
<div class="time">yola</div>
</div>
<div class="frame" id="aggregated">
welcome aggregated
<div class="time">yola</div>
</div>
<div class="frame" id="top">
Thankyou top
<div class="time">yola</div>
</div>
<div class="frame" id="total">
Exact Total
<div class="time">yola</div>
</div>
<div class="frame" id="session">
Your session
<div class="time">yola</div>
</div>
</div>
</div>
但当页面加载时,此时显示聚合选项卡处于活动状态,并显示
yola
当我点击这个选项卡时,它会变成
聚合
所以我需要在页面加载时自动单击选项卡。请不要给我我将在我的集合中设置的答案,因为我的要求不同。提前感谢据我所知,您想单击第一个选项卡列表项目链接吗
如果是这样,那么:
$(document).ready(function() {
$('.tabs a').first().click();
});
如果我理解正确,您需要的是在document.ready上第一次运行单击事件,而不进行任何单击
我建议您命名函数并调用两次
$(document).ready(NameofFunction(event, $('.frame #aggregated') ));
$(#yourButton).on("click", NameofFunction(event, frame));
…嗯,是吗^^ 无论tabcontrol()
插件或方法是什么,我想你应该查看相关文档。触发器事件很简单,但你们最好使用相关的插件方法,若有,我希望在页面加载后自动启动点击功能。我试过上面的代码,但不是working@dinshawraje,Liew的密码是正确的。可能是在插件生成选项卡之前触发的单击事件。所以,只需尝试这个setTimeout(function(){$('.tabs a').first().click();},500);
$(document).ready(NameofFunction(event, $('.frame #aggregated') ));
$(#yourButton).on("click", NameofFunction(event, frame));