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

只想添加：不要忘记在可滚动内容中添加“scrollbar”和“viewport”元素，因为这可能会导致相同的错误。

干杯！

Answer 2

你可能想要这样的东西：

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

Answer 3

请重新启动您的滚动，然后当页面加载

时它将正常工作

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

Tiny Scrollbar的JavaScript错误

3 个答案: