Jquery – Twitter Bootstrap Tabs Prevent from jumping

Jquery – Twitter Bootstrap Tabs Prevent from jumping: Hi Friends, Today I will tell you how to stop or avoid jumping when any user click on the bootstrap tabs.

We have seen most of the time when any user click on the bootstrap nav-tabs then it goes on content of the tab or bottom of the tab, which is irrelevant and show a bad image of our website or a blog.

Few days back I have faced same problem in any website and plan to make a solution of it.

Jquery – Twitter Bootstrap Tabs Prevent from jumping:

For solving the bootstrap tabs jumping problem, you have to follow some steps. These steps are

Steps1:

Open your code editor.

Steps2:

Paste the below code in any associated javascript file with your website.

Jquery Code:

$('.nav-tabs li a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
    });

Steps3:

After that run your website and check the tabs jumb or not.




I am sure your problem of avoiding the page jumb will solve. If you face problem now also, write comment to me.

Now you know about How To Avoid Twitter Bootstrap Tabs Prevent jumping

Read About Other Interesting Things about jquery below.

• Sliding Div When Scroll Down Page Using Jquery
• Disable Mouse Right Click Using Jquery
• Responsive Jquery Read More Feature Without Plugin
• Marquee Animation Without Marquee tag
• Add 3D Menu Effects To Your Website Using Jquery
• Rumbles, Vibrates, Shakes, And Rotates Any Element Using Jquery Plugin
• Fancy Effects To Input Fields Using Jquery Plugin
• Add Diwali Fireworks Using Jquery In Your Website
• Zoom Image On Hover Using CSS Without Jquery
• Pure HTML CSS Slider Without JavaScript or Jquery
• Create Country State And City Dropdown Using Jquery
• Learn JQUERY Code Step By Step For Beginners
• Create Expand Collapse Sliding Menu Using jQuery
• Jquery Me Simple Slider Kaise Bnate Hai
• Add CKEditor in Html Form using Jquery
• Avoid Spammers With Motion CAPTCHA Using JQuery
• Stop Double Form Submission Using Jquery and Ajax
• Simple Text Slider Using Jquery Slide Function

I hope you will like Twitter Bootstrap Tabs Prevent from jumping using jquery. If You found it useful please subscribe my blog.

Categories: Website Design