Фокус на определенной вкладке не работает

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 }); 

Так в основном, соответствующий Ли получает имя класса: TabShow, и это тот, который должен быть в фокусе. Нет ошибки или чего-то еще, она просто не работает. Фокус всегда находится на первой вкладке. И ВСЕГДА будет только один <li>, который имеет класс TabShow

Есть ли у меня какие-либо ошибки в моем коде, что я не понимаю?

Answer 1

Опция active не selected

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

Демо: Fiddle