0

クライアントのWebサイトにjScrollpaneを使用しています。私が抱えている問題は、「ようこそ」タブでスクロールバーが正常に初期化されることです。[製品]タブこのタブにも[ようこそ]タブと同じスクロールバーを付けたいと思います。

タブにTwitterBootstrapを使用していますが、タブに関連付けられている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（）を呼び出してみてください。問題は、他の（1番目ではない）タブが非表示になっているのに、jScrollPaneがそれらの高さを正しく計算しないことだと思います。

于 2012-05-10T11:55:08.997 に答える