Ошибка JavaScript с Tiny Scrollbar - PullRequest
4 голосов
/ 05 июля 2011

Я добавил TinyscrollBar на свой сайт Wordpress и получаю следующую ошибку при загрузке страницы:

oViewport.obj[0] is undefined

Я удостоверился, что сначала включил файл tinyscrollbar.js, и только потом я звоню

                if (jQuery('#execphp-3 div')){
                    jQuery('#execphp-3 div').tinyscrollbar();
            }

В чем может быть проблема, которая вызывает ошибку?

РЕДАКТИРОВАТЬ : HTML-код, на котором работает tinyscrollbar:

<li class="widget-container widget_execphp" id="execphp-3">
         <h3 class="widget-title">Talking NanoChannels</h3>         
     <div class="execphpwidget">
        <div id="scrollbar1">
           <div class="scrollbar" style="height: 347px;">
                     <div class="track" style="height: 347px;">
                        <div class="thumb" style="top: 90.8106px; height: 256.189px;">
                           <div class="end">
                           </div>
                        </div>
                     </div>
           </div>
           <div class="viewport">
                <div class="overview" style="top: -123px;">
                    <ul class="wrap masoned" id="simplepie" style="position: relative; height: 683px;">                
                        <li title="" class="box col1" style="position: absolute; left: 0px; top: 0px;">                    
                            <h4>                        
                               <span class="twitter"></span>
                               <a href="http://twitter.com/EreiItamisy/statuses/87518699866701825">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5th International Conference on Nanochannels, Microchannels, and Minichannels: Puebla, Mexico - June 18-20, 2007: http://amzn.to/jutpBp</a>                                                                                                                       </h4>                    
                             <span class="corner"></span>               
                        </li>                
                    </ul>
                </div>
           </div>
        </div>
     </div>
</li>

Ответы [ 3 ]

10 голосов
/ 14 марта 2012

Просто хочу добавить: не забывайте добавлять элементы "полосы прокрутки" и "область просмотра" внутри прокручиваемого содержимого, поскольку это может вызвать ту же ошибку.

Ура!

3 голосов
/ 05 июля 2011

Вы, вероятно, хотите что-то вроде этого:

if (jQuery('#execphp-3 div#scrollbar1')) 
{ 
   jQuery('#execphp-3 div#scrollbar1').tinyscrollbar();
}
1 голос
/ 27 декабря 2012

, пожалуйста, заново запустите вашу прокрутку, и она будет работать нормально, если страница загружена в

$('#scrollbar1').tinyscrollbar_update();
...