Friday, 15 February 2013

jquery - how to set active class when user clicks on a nav-tabs -


I have a web application to your asp.net MVC, the following markup inside the display two tabs, and I use Bootstrap 2.0 Has been doing. 2: - 

  & lt; Ul class = "new neo-tab" id = "myTab" & gt; @if (model hasracks) {& lt; Li & gt; @ Ajax.ActionLink ( "Partner Show Rack" "CustomerRack", "Customer", new {Customer ID = Model.AccountDefinition.ORG_ID}, New AjaxOptions {InsertionMode = InsertionMode.Replace, UpdateTargetId = "detail", LoadingElementId = "progress" , Onsput = "description"}) & lt; / Li & gt; } @if (Model.hasServer) {& lt; Li & gt; @ Ajax.ActionLink ( "a show server", "CustomerServer", "Customer", new {Customer ID = Model.AccountDefinition.ORG_ID}, New AjaxOptions {InsertionMode = InsertionMode .Replace, UpdateTargetId = "detail", LoadingElementId = "progress ", OnSuccess =" detailsuccess ",}) & lt; / Li & gt;} & lt; / Ul & gt;

What do I have to install I am trying to get class = "active" when a user clicks on a tab, as The current tab that clicks on the user will not be highlighted as active? Can not any advocate?

I have no experience with Aspiknet, though, I know that it is a server Side Framework, Am I Right? What you are trying to do, requires client-side javascript, here is the codepan snippet:

The main part is JavaScript Script: 

  // jQuery to javascript to use the library $ (document) .ready (function () {$ ( 'ul.nav li'). click (function () Remove the tab square clicked {// before $ ( 'ul.nav li ') Click the RemoveClass (' nav-active '); // tab that triggers the click event $ (this). AddClass (' nav-active ');});});

Best regards.


Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)