jquery - Bootstrap 3 - Control a Nav Panel with 2 Identical Nav Tabs - Update active class for both -


I have bootstrap tabs, but there are several nav tabs to control a nav pane - a set of navs at the top Tabs, and under the tab panel. The code below works if I click on Navigation-Tab 2, but does not update Nav-Tab 1 with the correct 'Active tab'.

Does anyone have any idea how to achieve this? Thanks! 

  & lt ;! - Navigation tab 1 - & gt; & Lt; Div class = "concentrated pills" & gt; & Lt; Ul class = "nav nav-pills" & gt; & Lt; Li class = "active" & gt; & Lt; A href = "#a" data-toggle = "tab" & gt; & Lt; Span & gt; Style & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "# b" data-toggle = "tab" & gt; & Lt; Span & gt; B & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "# c" data-toggle = "tab" & gt; & Lt; Span & gt; C & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt ;! - End focused pills - & gt; & Lt; Div class = "tab-content" & gt; & Lt; Div class = "active in tab-palette active" id = "a" & gt; & Lt; / Div & gt; & Lt; Div class = "fade in tab-pen" id = "b" & gt; & Lt; / Div & gt; & Lt; Div class = "fade in tab-pen" id = "b" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt ;! - End tab-content - & gt; & Lt ;! - Navigation tab 2 - & gt; & Lt; Div class = "concentrated pills" & gt; & Lt; Ul class = "nav nav-pills" & gt; & Lt; Li class = "active" & gt; & Lt; A href = "#a" data-toggle = "tab" & gt; & Lt; Span & gt; Style & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "# b" data-toggle = "tab" & gt; & Lt; Span & gt; B & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "# c" data-toggle = "tab" & gt; & Lt; Span & gt; C & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt ;! - End focused pills - & gt;

This is working for me 

  $ (Document) .ready (function () {if (location.hash) {$ ('a [href =' + location.hash + ']'). Tab ('show');} $ (document.body) ("Click", "a [data-toggle]", function (event) {location.hash = this.getAttribute ("href");});}); $ (Window) .on ('popstate', function) {var anchor = location.hash || $ ("A [data-toggle = tab]") first (). Attr ("href"); $ ('A [href =' + anchor + ']'). Tab ('show');});

Comments

Post a Comment

Popular posts from this blog

eclipse plugin - Run java code error: Workspace is closed -

To create an automated project, I created a plug-in project with the following dependencies: Org.eclipse.core.resources org.eclipse.equinox.registry org.eclipse.core.runtime and the following The Java class is located in the src folder: Package Examiner; Import org.eclipse.core.resources.IProject; Import org.eclipse.core.resources.IWorkspaceRoot; Import org.eclipse.core.resources.ResourcesPlugin; Import org.eclipse.core.runtime.CoreException; Import org.eclipse.core.runtime.IProgressMonitor; Import org.eclipse.core.runtime.NullProgressMonitor; Public class tes {public static zero main (string [] args) {// TODO auto generated method stub IProgressMonitor progress monitor = new NullProgressMonitor (); IWorkspaceRoot root = ResourcesPlugin.getWorkspace (). GetRoot (); Ipoject project = root.jetproject ("desired projectname"); Try {Project.create (progress monitor); Project.open (progressMonitor); } Grip (CoreException E) {// TODO Auto generated blocking block e....
Read more

ios - How do I use CFArrayRef in Swift? -

I am using Objective-class in my Swift Project through a bridging header. The method signature looks like this: - Some cement (some type) some parameters; I started by getting an example of class, calling method, and storing the value: var myInstance = MyClassWithThatMethod (); Var cfArr = myInstance.someMethod (some value); Then try to get the value in the array: var valueInArrayThatIWant = CFArrayGetValueAtIndex (cfArr, 0); However, I get the error unmanaged & lt; Cfarray & gt; Not like 'CFArray' . Unmanaged & lt; Cfarray & gt; also means? I looked, but I do not need to change the array in a fast array (though it would be good). I need to be able to get value from the array. I also tried CFArray method to pass in a function: func doSomeStuffOnArray (myArray: NSArray) {} Although I get the same error when using: doSomeStuffOnArray (cfArr); // unmanaged & lt; CFArray & gt; I am using CFArray because I want to sto...
Read more

scala - Play Framework - how to bind form to a session field -

Is there any way, I can get some parameters from the header, cookies (log in userId in my case) , And then apply it in a form which I know who will deposit the ticket? SupportForm supportForm: form [supportTicket] = form (mapping ("question" -> text, "priority" -> text) (apply support ticket. (HelpText.update) What are the good practices here? What is the call to apply the request, when I can use it (and also a good practice?) Edit An issue, absolutely deceiving anyone if I were to create a hidden area with this value. It could Ript, but the issue may be re-used in any way to verify and return the form, it can not be sure how it ....
Read more