我在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"> 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();