2011-07-05 37 views
4

我加TinyscrollBar到我的WordPress网站,我收到以下错误,当页面加载:有微小的滚动条JavaScript错误

oViewport.obj[0] is undefined 

我确信,我第一次列入tinyscrollbar.js文件,只有那时我才拨打电话

   if (jQuery('#execphp-3 div')){ 
        jQuery('#execphp-3 div').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> 
+0

你能提供DEMO /链接? – Erric

回答

3

你可能想是这样的:

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

或更好的将'var tinyscrollbarDiv = jQuery('#execphp-3 div#scrollbar1'); if(tinyscrollbarDiv){tinyscrollbarDiv.tinyscrollbar();}' – Keir

10

只想补充:不要忘了添加 “滚动条” 的tinyscrollbar正在运行的HTML和可视滚动内容中的“视口”元素,因为这可能导致同样的错误。

干杯!

+1

我也必须添加“overview”div才能使它按照例子工作。 – TK123

1

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

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