jquery ui选项卡在div上未激活

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">

<div id="tabs">
  <ul>
    <li><a href="#tab1">Tab 1</a></li>
    <li><a href="#tab2">Tab 2</a></li>
    <li><a href="#tab3">Tab 3</a></li>
  </ul>
  <div id="tab1">
    <!-- Tab 1 内容 -->
  </div>
  <div id="tab2">
    <!-- Tab 2 内容 -->
  </div>
  <div id="tab3">
    <!-- Tab 3 内容 -->
  </div>
</div>

$(document).ready(function() {
  $("#tabs").tabs();
});