如何在页面加载时自动触发按钮点击

Question

我已经包含给定的代码

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

在我的js中我写了这个

$(document).ready(function() {
$('.tab-control').tabcontrol().bind("tabcontrolchange", function(event, frame) {
  switch($(frame).attr('id')) {
    case "operator":
      break;
    case "aggregated":
      $('.time').text('aggregates')
      break;
    case "app":
      $('.time').text('app')
      break;
    case "top":
      $('.time').text('top')
      break;
    case "total":
      $('.time').text('total')
      break;
    case "session":
      $('.time').text('session')
      break;
  }
});
})

但是当页面加载时它显示当时聚合选项卡处于活动状态并且它显示 <div class="time">yola</div> 当我单击此选项卡时，它会变为 <div class="time">aggregates</div> 所以我需要当我的页面加载时它会自动点击选项卡。请不要给我我将在 <div class="time">aggregates</div> 中设置的答案，因为我的要求不同。提前致谢

Answer 1

据我了解，您想单击第一个选项卡列表项 link？

如果是这样，那么：

$(document).ready(function() {
  $('.tabs a').first().click();
});

Answer 2

如果我没理解错的话，你想要的是运行第一次在 document.ready 上点击事件并且没有任何点击。

我建议你给你的函数起个名字然后回忆两遍

$(document).ready(NameofFunction(event, $('.frame #aggregated') ));
$(#yourButton).on("click", NameofFunction(event, frame));

...也许吧？ ^^

如何在页面加载时自动触发按钮点击

How to fire button click automatically when page is load

html

javascript

jquery

events

click