1 Replies - 430 Views - Last Post: 29 July 2014 - 06:05 AM

#1 Tomys_Lv  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 29-July 14

Bootstrap TabPanel Tab - Disable Page Scrolling To Element's ID

Posted 29 July 2014 - 05:43 AM

My TabPanel Tab's title consists of two things: 1) checkbox; 2) title of the tab;

To show tabs, I use jquery code:

$('#myTab a').click(function (e) {
$(this).tab('show');
});
With this kind of a code the page scrolls to each div every time I click on a tab. If I add jquery code line e.preventDefault(); before $(this).tab('show'); line which disables the scrolling, then comes the second problem - checkboxes doesn't check/uncheck any more.

Any ideas, how to escape from both problems?

Example with scrolling problem: http://jsfiddle.net/K9LpL/717/

Example with checkbox checking/unchecking problem: http://jsfiddle.net/K9LpL/718/

javascript php jquery html

Is This A Good Question/Topic? 0
  • +

Replies To: Bootstrap TabPanel Tab - Disable Page Scrolling To Element's ID

#2 no2pencil  Icon User is offline

  • Admiral Fancy Pants
  • member icon

Reputation: 5363
  • View blog
  • Posts: 27,325
  • Joined: 10-May 07

Re: Bootstrap TabPanel Tab - Disable Page Scrolling To Element's ID

Posted 29 July 2014 - 06:05 AM

** Closed as this is a duplicate topic **
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1