当用户返回主页时,jQuery Mobile'Breaks'Flexi Slider

时间:2012-02-22 22:35:18

标签: jquery-mobile jquery

我一直在用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函数仍然可以正常工作,我认为会修复它,但我无法弄清楚要使用哪个事件?

如果有人可以提供帮助,我会非常感激。

1 个答案:

答案 0 :(得分:0)

这不是理想的,但修复它的方法是简单地编辑主页的所有链接以关闭默认的ajax链接,这可以通过以下方式完成:

<a href="index.php" data-ajax="false">home</a>