jquery - Tiny Scrollbar 出现 JavaScript 错误

Question

我将 TinyscrollBar 添加到我的 Wordpress 网站，当页面加载时出现以下错误：

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>

Answer 1

只想添加：不要忘记在可滚动内容中添加“滚动条”和“视口”元素，因为这会触发相同的错误。

干杯!

Answer 2

你可能想要这样的东西：

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

Answer 3

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

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