jScrollPane不使用twitter配置文件源

jScrollPane不使用twitter配置文件源,twitter,scrollbar,jscrollpane,Twitter,Scrollbar,Jscrollpane,我已经在页面中的两个地方应用了jscrollpane,一个是正常的静态内容,另一个是twitter概要文件提要。在页面中实现twitter提要之前,第一个页面工作正常。在这之后我得到了一张空白页。请参阅下面的代码。有什么帮助吗 主管部门: <script type="text/javascript" src="js/jquery-min.js"></script> <script type="text/javascript" src="js/jquery.jscro

我已经在页面中的两个地方应用了jscrollpane,一个是正常的静态内容,另一个是twitter概要文件提要。在页面中实现twitter提要之前,第一个页面工作正常。在这之后我得到了一张空白页。请参阅下面的代码。有什么帮助吗

主管部门:

<script type="text/javascript" src="js/jquery-min.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>

<script type="text/javascript" id="sourcecode">         
    $(function()
    {
        $('.scroll-pane').jScrollPane();
    });         
</script>

$(函数()
{
$('.scroll pane').jScrollPane();
});         
正文部分:

    <h1>Normal Content</h1>
    <div class="scroll-pane">
        <p>
            some text ...
        </p>
    </div>

    <h1>Twitter Feed</h1>           
    <div class="scroll-pane">
    <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
    <script>
    new TWTR.Widget({
      version: 2,
      type: 'profile',
      rpp: 10,
      interval: 30000,
      width: '300',
      height: 'auto' ,
      theme: {
        shell: {
          background: '#d12a00',
          color: '#ffffff'
        },
        tweets: {
          background: '#ffffff',
          color: '#474747',
          links: '#d12a00'
        }
      },
      features: {
        scrollbar: false,
        loop: false,
        live: false,
        behavior: 'all'
      }
    }).render().setUser('rajkut').start();          
    </script>
    </div>
正常内容

一些文字。。。

推特提要 新TWTR.Widget({ 版本:2, 键入:“配置文件”, rpp:10, 间隔时间:30000, 宽度:“300”, 高度:“自动”, 主题:{ 外壳:{ 背景:“#d12a00”, 颜色:“#ffffff” }, 推特:{ 背景:“#ffffff”, 颜色:“#474747”, 链接:“#d12a00” } }, 特点:{ 滚动条:false, 循环:false, 生活:假, 行为:“全部” } }).render().setUser('rajkut').start();
您必须在滚动窗格方法中添加以下内容:

$('.scroll-pane').jScrollPane({
                autoReinitialise: true,
                verticalDragMinHeight: 20,
                verticalDragMaxHeight: 20,
                horizontalDragMinWidth: 20,
                horizontalDragMaxWidth: 20
    });
这里重要的是自动重新初始化的东西,顺便说一句,我还建议你给第二个滚动窗格的cointainer添加一些高度,因为记住插件会将溢出切换为隐藏

<div class="scroll-pane" style="height:someheight">

您不需要设置高度。它会自动填充高度,因此不会浪费任何空间