最近再使用superslide的时候出现了在移动端的不占位的问题就是回退页面的时候
我也是很诧异的,目前好像解决了,改变了它的调用位置。然后暂时目前看起来没有出现这样的问题。
解决方案的地址参考:
我们知道,html的执行顺序是从上而下的,对js的执行也是一样的。所以做好的做法是需要使用特效的对象结束后立刻调用SuperSlide那就能获取最佳的用户体验,解决上述问题。
例如:
[code lang="html"]
<div class="box">
<div class="hd"><ul><li>1</li> <li>2</li> <li>3</li></ul></div>
<div class="bd">
<ul><li>信息1</li>...</ul>
<ul><li>信息2</li>...</ul>
<ul><li>信息3</li>...</ul>
</div>
</div>
<script type="text/javascript">
jQuery(".box").slide();/*当box结束后立刻调用SuperSlide,会得到最好效果*/
</script>
[/code]
有些用户会用下面方式调用:
[code lang="js"]
$(document).ready(function(){
jQuery(".box").slide();
});
[/code]
或者:
[code lang="js"]
jQuery(function($) {
jQuery(".box").slide();
});
[/code]
其实这两种执行过程是一样的,都是等待整个页面的dom加载完后再执行SuperSlide,相当于把调用SuperSlide的代码放到页面最下面。
这样的话,就会造成页面内容先显示,直到页面结束后再执行SuperSlide把相关内容隐藏,最后整个效果才正常。
感觉还是不能解决的样子,心塞塞!
额先这样吧,反正我就改成了把js调用放到banner代码后面的