2011-07-05 38 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();