专注于特定选项卡不起作用

Question

我想把焦点放在一个标签上，这应该取决于用户的语言

我有以下html代码：

<div id="tabs">
  <ul>
    @for (int i = 0; i < Model.NoteTextViewModels.Count(); i++)
    {
      var languageId = @Model.NoteTextViewModels[i].LanguageId;
      var imageName = string.Format("FlagSmall_{0}.gif", languageId);
      var userLanguageId = ((WebTrial.Controllers.ControllerBase)ViewContext.Controller).LogonInfo.LanguageId;
      var temp = languageId == userLanguageId ? "TabShow": string.Empty;                
      <li class="@temp">
        <a href="#@languageId">
          <img src="@Url.Content("~/Graphics/" + imageName)" />
        </a>
      </li>
    }
  </ul>

这是应该将焦点添加到特定选项卡的 js 代码：

var tabs = $("#tabs li");
var target = $("#tabs li.TabShow");
var languageIndex = tabs.index(target);

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

所以基本上，相关的 li 得到类名：TabShow，这是应该关注的。没有错误或任何东西，它只是不起作用。焦点始终在第一个选项卡上。并且总是只有一个 <li> 具有类 TabShow

我的代码中是否有任何我没有意识到的错误？

Answer 1

选项是active 而不是selected

$("#tabs").tabs({ active: languageIndex });

演示：Fiddle