2015-03-19 88 views
-1

我希望把焦点的标签,这应取决于用户的语言在特定标签上焦点不工作

我有以下的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

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

回答

1

的选项activeselected

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

演示:Fiddle

+0

感谢,这是它。这很奇怪。我创建了一个小提琴:http://jsfiddle.net/qL2W4/2407/我选择使用,并在这里工作。怎么来的? – user1960836 2015-03-19 09:26:58

+0

@ user1960836看起来像'selected'是一个未记录的选项... – 2015-03-19 09:34:51