0

我正在将jScrollpane用于客户的网站。我遇到的问题是“欢迎”选项卡上的滚动条初始化是否正常。“产品”选项卡 我还希望该选项卡具有与“欢迎”选项卡相同的滚动条。

我正在使用 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>

然后我在一个函数中初始化 document.ready() 上的 jScrollpane 插件。

jQuery 代码如下：

   $(document).ready(function()
   {    

/* Scrollbars */
$(function()
{
    $('.scroll_tab').jScrollPane();
    $('.tab-content > .tab-pane, .pill-content > .pill-pane').jScrollPane();
});
});

如何强制 jScrollPane(); 在每个选项卡上初始化？

提前致谢。

4

1 回答 1

1

我有一个想法：在单击更改为另一个选项卡后尝试调用 $('.tab-content > .tab-pane.active').jScrollPane() 。我认为问题在于，虽然隐藏了其他（不是第一个）选项卡，但 jScrollPane 无法正确计算它们的高度。

于 2012-05-10T11:55:08.997 回答