1

こんばんは、WordpressテンプレートでjScrollPaneを使用しようとしていますが、気が狂ってしまい、常に「スキンなし」のスクロールバーが表示されます...

このコードは header.php にロードされ、.portfolio-post-content にはテキストのみが含まれます。

<script type="text/javascript" charset="utf-8">
    $(function() {
            $('.portfolio-post-content').jScrollPane();
        });
</script>

style.css の要素:

.portfolio-post-content { width:130px; float:left; overflow: auto; height: 500px; }

HTML アウト:

    <!-- Main Page Content Begin -->

    <div id="main"> 

      <div id="page-content" class="portfolio-container main-container-single-portfolio" style="position:relative;">

        <div class="container sidebar-left single-project">    

          <!-- Media Begin --> 
          <div class="portfolio-post-media twelve columns"></div>
          <!-- Media End -->        

          <!-- Content Begin -->       
          <div class="portfolio-post-content four columns">text...</div>
          <!-- Content End -->

ヘッダー ファイルは、他の .js ファイルの前に jScrollPane.css を読み込みます。ネストされた div 要素に関連する問題のようです。

ありがとう、

4

1 に答える 1

0

1:

<script type="text/javascript" charset="utf-8">
    var $ = jQuery.noConflict();

    $(function() {
        $('.portfolio-post-content.four.columns').jScrollPane();
    });
</script>

2: http://www.radiospeck.it/barchitects/wp-content/themes/spacing/js/jquery.mousewhell.js?ver=3.4.2

読み込まれていない

3:

.portfolio-post-content.four.columns {
   height: 200px;
}

次の方法でテストできます。

jQuery('.portfolio-post-content.four.columns').css({
    height: '200px'
}).jScrollPane();
于 2013-01-20T16:24:08.883 に答える