2015-03-19 154 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