Twitter Bootstrap Onglets href=“#” balise d'ancrage de saut

Je suis en utilisant TW Bootstrap onglets de l'onglet de contenu sur mon clients site j'ai mis les balises HTML pour supprimer le "data-toggle" que j'en ai besoin pour initialiser le jScrollpane bibliothèque sur cliquez sur.

J'ai eu que cela fonctionne, Cependant, lorsque vous cliquez sur l'une des icônes de navigation à la page des sauts vers le bas.

Comment puis-je éviter cela?

Balisage est comme suit :

HTML

<ul class="nav nav-tabs">
<li class="home_tab active"><a href="#home"></a></li>
<li class="about_tab"><a href="#about"></a></li>
<li class="services_tab"><a href="#services"></a></li>
<li class="cases_tab"><a href="#case_studies"></a></li>
<li class="contact_tab"><a href="#contact_us"></a></li>
<li class="news_tab"><a href="#news"></a></li>
</ul>
<div class="tab-content">
<div id="home" class="tab-pane active scroll_tab">
<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
<h2>
<?php the_title(); ?>
</h2>
<?php the_content(); ?>
<?php endwhile; ?>
</div>
<div id="about" class="tab-pane">
<?php 
$page_id = 9; 
$page_data = get_page( $page_id ); 
echo '<h2>'. $page_data->post_title .'</h2>';//echo the title
echo apply_filters('the_content', $page_data->post_content); //echo the content and retain WordPress filters such as paragraph tags. 
?>
</div>
<div id="services" class="tab-pane">
<div class="signs">
<ul class="nav-tabs sub_tabs">
<li class="roll_labels"><a data-toggle="tab" href="#roll_labels"></a></li>
<li class="sheeted_labels"><a data-toggle="tab" href="#page1"></a></li>
<li class="fanfold_labels"><a data-toggle="tab" href="#page1"></a></li>
<li class="printers"><a data-toggle="tab" href="#page1"></a></li>
</ul>
</div>
<?php 
$page_id = 11; 
$page_data = get_page( $page_id ); 
echo '<h2>'. $page_data->post_title .'</h2>';//echo the title
echo apply_filters('the_content', $page_data->post_content); //echo the content and retain WordPress filters such as paragraph tags. 
?>
</div>
<div id="case_studies" class="tab-pane">
<?php 
$page_id = 13; 
$page_data = get_page( $page_id ); 
echo '<h2>'. $page_data->post_title .'</h2>';//echo the title
echo apply_filters('the_content', $page_data->post_content); //echo the content and retain WordPress filters such as paragraph tags. 
?>
</div>
<div id="contact_us" class="tab-pane">
<?php 
$page_id = 15; 
$page_data = get_page( $page_id ); 
echo '<h2>'. $page_data->post_title .'</h2>';//echo the title
echo apply_filters('the_content', $page_data->post_content); //echo the content and retain WordPress filters such as paragraph tags. 
?>
</div>
<div id="news" class="tab-pane">
<?php 
$page_id = 144; 
$page_data = get_page( $page_id ); 
echo '<h2>'. $page_data->post_title .'</h2>';//echo the title 
?>
<?php
//Load Latest Blog - Limited to 2 items                                         
$recent = new WP_Query("tags=blog&showposts=2"); while($recent->have_posts()) : $recent->the_post();?>
<div class="news_excerpt">
<h3><?php the_title(); ?></h3>
<p><?php echo limit_words(get_the_excerpt(), '40'); ?> ...</p>
<a data-toggle="modal" href="#newsModal-<? the_ID(); ?>" id="newspopup">
<img src="<?php bloginfo( 'template_url' ); ?>/assets/img/content/team_read_more.png" alt="Read More" style="border:none;">
</a>
<div class="modal hide fade" id="newsModal-<? the_ID(); ?>">
<div class="modal-header">
<button data-dismiss="modal" class="close">×</button>
<h3><?php the_title(); ?></h3>
</div>
<div class="modal-body">
<p><?php the_post_thumbnail('news_image'); ?></p>
<p><?php the_content(); ?></p>
</div>
</div>
<?php endwhile; ?>
</div>           
</div>
<div id="roll_labels" class="tab-pane">
<?php 
$page_id = 109; 
$page_data = get_page( $page_id ); 
echo '<h2>'. $page_data->post_title .'</h2>';//echo the title
echo apply_filters('the_content', $page_data->post_content); //echo the content and retain WordPress filters such as paragraph tags. 
?>
</div>
</div>

jQuery

$('.nav-tabs li a').click(function (e) {
$(this).tab('show');
$('.tab-content > .tab-pane.active').jScrollPane();
});

Comme je l'ai dit, Comment puis-je empêcher le contenu de la page de "sauter" à l'ancre? Merci Beaucoup..

OriginalL'auteur StuBlackett | 2012-05-11