jScrollPane не работает с фидом Twitter - PullRequest
Новая
       20

jScrollPane не работает с фидом Twitter

0 голосов
/ 21 марта 2012

Я применил jscrollpane в двух местах на странице, одно из которых представляет собой обычный статический контент, а другое - канал профиля 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>

Секция тела: 

    <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>

Ответы [ 2 ]

0 голосов
/ 18 марта 2013

Вам не нужно устанавливать высоту. Он автоматически заполняет высоту, поэтому вы не теряете места.

0 голосов
/ 16 мая 2012

Вы должны добавить к своему методу прокрутки это: 

$('.scroll-pane').jScrollPane({
                autoReinitialise: true,
                verticalDragMinHeight: 20,
                verticalDragMaxHeight: 20,
                horizontalDragMinWidth: 20,
                horizontalDragMaxWidth: 20
    });

важная вещь здесь - это автореинициализация, и, кстати, я также предлагаю вам добавить некоторую высоту к копилке 2-й полосы прокрутки, потому что помнитеплагин переключает переполнение на скрытый 

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