2012-02-22 67 views
0

我一直在开发我的第一个移动网站使用jQuery移动,你可以看到它在这里:jQuery Mobile的“游”的Flexi滑块当用户返回到首页

http://m.4playtheband.co.uk/index.php

滑块正常工作时首先你访问网站,但如果您导航到另一个页面并返回滑块不起作用。

我认为这是因为错误的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

这是不理想,但一个方法来解决它是简单地编辑所有链接到主页,关闭默认的AJAX链接,这是做如下:

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