大佬教程收集整理的这篇文章主要介绍了jquery – bxslider在加载时计算错误的视口大小,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
似乎在页面加载时错误地计算其视口大小,这意味着它在移动设备,平板电脑等上不能正常工作。
奇怪的是,当我调整浏览器的窗口大小(甚至只是一个像素)时,视口高度得到正确的计算,一切都看起来不错。但是如果我刷新具有相同高度和宽度的页面,则无法正确计算bx-viewport。
任何想法为什么会发生这种情况?
HTML@R_673_7957@(是的,我知道它可能没有任何关系,但仍然):
<ul class="seminars-slider"> <li> <article class="education-article"> <h3><a href="#"> Sit Tincidunt eros massa,lundium ultrices,sit in aliquet velit</a></h3> <p>LOL1</p> <div class="buttons"> <a href="#" class="book-button"><span>Book Now</span></a> <a href="#" class="read-more"><span>Read more</span></a> </div> <div class="clearall"></div> </article> <div class="clearall"></div> </li> // same li <li> <article class="education-article"> <h3><a href="#"> Sit Tincidunt eros massa,sit in aliquet velit</a></h3> <p>LOL1</p> <div class="buttons"> <a href="#" class="book-button"><span>Book Now</span></a> <a href="#" class="read-more"><span>Read more</span></a> </div> <div class="clearall"></div> </article> <div class="clearall"></div> </li> </ul>
js调用看起来像:
slider=jQuery('.seminars-slider').bxSlider({ mode: 'vertical',controls:false,pager:false,minSlides:2,maxSlides:2,moveSlides:1 }); jQuery('.up-control').click(function() { slider.goToNextSlide(); }); jQuery('.down-control').click(function() { slider.goToPrevSlide(); });
谢谢。
以上是大佬教程为你收集整理的jquery – bxslider在加载时计算错误的视口大小全部内容,希望文章能够帮你解决jquery – bxslider在加载时计算错误的视口大小所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。