javascript - 自动聚焦在选项卡上

Question

我试图在页面加载时在选项卡上设置自动焦点，但我无法使其工作。我创建了一个 fiddle ，正如您在代码中看到的，我尝试使用 class="test 将焦点设置在选项卡上谁能看到我做错了什么吗？

http://jsfiddle.net/qL2W4/2391/

<div id="mydiv">
  <ul>
      <li><a href="#">rr</a></li>
      <li class="test"><a href="#">gg</a></li>
      <li><a href="#">mm</a></li>
  </ul>
</div>

$("#mydiv").tabs();
$("#mydiv").find(".test").focus();

Answer 1

您可以使用selected选项来实现此目的:

$("#mydiv").tabs({ selected: 1 });

Updated Fiddle

如果您希望它基于具有特定类的 li 工作，您可以通过获取具有所选类的 li 的索引并将其传递到选项卡选项:

var selected = $(".test").index();

$("#mydiv").tabs({ selected: selected });

Fiddle