Tiny Scrollbar出现JavaScript错误



我在Wordpress网站上添加了TinyscrollBar,加载页面时出现以下错误:

oViewport.obj[0] is undefined

我确保首先包含tinyscrollbar.js文件,然后才调用

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

导致错误的原因可能是什么?

编辑:tinyscrollbar运行的HTML:

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

只想添加:不要忘记在可滚动内容中添加"滚动条"one_answers"视口"元素,因为这可能会引发相同的错误。

干杯!

您可能想要这样的东西:

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

请重新初始化您的滚动,然后当加载的页面是时,它会正常工作

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

最新更新