Я использую jScrollpane для сайта clients'. Проблема, которую я имею, Является ли полоса прокрутки инициализирована на вкладке «Добро пожаловать». На вкладке «Продукты» мне также хотелось бы, чтобы эта вкладка имела ту же полосу прокрутки, что и вкладка «Добро пожаловать».jQuery инициализируется при нажатии?
Я использую Twitter Bootstrap для вкладок, и я не загружаю связанные с ними jQuery, это чисто по умолчанию.
Моего HTML код выглядит следующим образом:
<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">
ABOUT CONTENT
</div>
<div id="services" class="tab-pane">
<?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">
CASE STUDIES CONTENT
</div>
<div id="contact_us" class="tab-pane">
CONTACT US CONTENT
</div>
</div>
Я тогда инициализация плагин JScrollPane на document.ready() в функции.
JQuery код выглядит следующим образом:
$(document).ready(function()
{
/* Scrollbars */
$(function()
{
$('.scroll_tab').jScrollPane();
$('.tab-content > .tab-pane, .pill-content > .pill-pane').jScrollPane();
});
});
Как заставить JScrollPane(); для инициализации на каждой вкладке?
Заранее спасибо.
Можете ли вы привести пример на http://jsfiddle.net? – Gavriel
Какой пример @Gavriel? – StuBlackett
ваш html, css, js, чтобы мы могли видеть его в действии. – Gavriel