javascript - 如何仅在单击选项卡时加载 DIV？

Question

<ul class="nav nav-tabs" role="tablist">
  <li class="active"><div id="tickets"><a href="#"  role="tab"  data-toggle="tab">My Tickets</a></div></li>
  <li class="active"><div id="approvals"><a href="#" role="tab" data-toggle="tab">My Approvals</a></div></li>
</ul>

上面的 Approvals 选项卡连接到 div 所以我希望 div 仅在用户单击此选项卡时加载:

我不想在页面加载时加载 div

Answer 1

尝试这样的事情:

$("#approvals").click(function() {
  $('#your_div_id').html('<div> Hello World </div>');
});