how to active clicked tab and inactive default

Question

0.00/5 (No votes)

See more:

my code

<html>
  <head>
    <script type="text/javascript">
    $('#myTab a').click(function (e) {
        e.preventDefault()
        $(this).tab('show')
        })
    </script>
  </head>
  <body>
   ...
     <ul class="nav navbar-nav" id="myTab">
        <li class="active"><a href="Home.aspx" data-toggle="tab">HOME</a></li>
        <li><a href="AboutUs.aspx" data-toggle="tab">ABOUT US</a></li>
        <li><a href="ContactUs.aspx" data-toggle="tab">CONTACT US</a></li>
        <li><a href="Searchjob.aspx" data-toggle="tab">SEARCH JOBS</a></li>
     </ul>     
    ...
  </body>
</html>

No tab is now clickable. I want to make a tab active when clicked and other inactive.
Please help.

Posted 16-May-14 3:12am

surbhi bhattar

Add a Solution

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Mandip Grewal · Answer 1 · 2014-05-16T03:27:00

Solution 1

AS you have added "e.preventDefault()" on click of anchor tags, it prevents anchor tags to open a link/page.

You have to call one javascript/jquery function on loading of page which will check the current page name and assign the "active" class to it's corresponding anchor tag in <li>.

Posted 16-May-14 3:27am

Mandip Grewal

Updated 16-May-14 3:28am

v2

how to active clicked tab and inactive default

1 solution

Solution 1

Add your solution here

Preview 0

how to active clicked tab and inactive default

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us