Javascript Wordpress+jScrollPane

晚上好，我正试图在Wordpress模板中使用jScrollPane，我快疯了，总是显示一个无皮肤的滚动条

此代码加载在header.php中。portfolio post内容仅包含文本：

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

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元素有关的问题

谢谢，

1：

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

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

您可以使用以下工具进行测试：

jQuery('.portfolio-post-content.four.columns').css({
    height: '200px'
}).jScrollPane();

---

在应用jscrollPaneNothing更改之前，尝试实用地设置.portfolio容器的高度，始终是非蒙皮滚动条。如果我试图强制设置上层div的高度，则所有容器中都会出现滚动条。我只需要内容中的滚动条。我还尝试添加一个专用的外部文本。。。但是什么都没有，相同的非蒙皮卷轴。你在页面中添加了jScrollPane的样式吗？是的，当然。在js之前加载这是一个页面，也许它可以帮助理解错误：我需要皮肤卷轴的div是：谢谢你，Hanks salexch，我不知道这是不是正确的方式，如果我加载.js文件：jQuerydocument.readyfunction{jQuery'.portfolio post content.four.columns'.css{height:'200px'}.jScrollPane；}；带蒙皮的滚动条显示正确。这是唯一的方法吗？jQuerydocument.readyfunction{jQuery'.portfolio post content.four.columns'.css{height:'200px'}.jScrollPane；}；如果内容比容器短，则不会应用jScrollPane，例如，我只设置了高度200px。不好，我理解这一点，但如果不加载：jQuerydocument.readyfunction{jQuery'.portfolio post content.four.columns'‌​.css{height:'500px'}.jScrollPane；}；卷轴未正确加载。问题是，有必要吗？当然，因为在dom准备就绪之前，js已加载到标头中，并且jScrollPane需要dom中存在的元素来进行计算

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

jQuery('.portfolio-post-content.four.columns').css({
    height: '200px'
}).jScrollPane();