我一直在用jQuery Mobile开发我的第一个移动网站,你可以在这里看到它:
http://m.4playtheband.co.uk/index.php
首次访问网站时滑块工作正常,但如果您导航到另一个页面并返回滑块不起作用。
我相信这是因为defualt jQuery Mobile导航是以一种AJAX-y方式完成的,所以滑块需要重新初始化,这是目前没有发生的。
这些是我标题中的脚本:
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider({
animation: "fade",
slideDirection: "horizontal",
slideshow: true,
slideshowSpeed: 7000,
animationDuration: 500
});
});
</script>
由于我只使用版本1.6.4,因此.live
函数仍然可以正常工作,我认为会修复它,但我无法弄清楚要使用哪个事件?
如果有人可以提供帮助,我会非常感激。
答案 0 :(得分:0)
这不是理想的,但修复它的方法是简单地编辑主页的所有链接以关闭默认的ajax链接,这可以通过以下方式完成:
<a href="index.php" data-ajax="false">home</a>