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

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

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

如果是这样，那么：

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

Answer 2

如果我理解正确，那么您想要的是在document.ready上第一次运行click事件，而无需任何单击。

我建议您命名函数并再次调用它

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

... mmmmaybe？ ^^