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

专注于不工作的特定选项卡

1 个答案: