jQuery Mobile «ломает» Flexi Slider, когда пользователь возвращается на домашнюю страницу

Question

Я разрабатывал свой первый мобильный сайт с помощью jQuery Mobile, и вы можете увидеть его здесь:

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 все еще должна работать, что, я думаю, это исправит, но я не могу понять, какое событие использовать?

Если бы кто-то мог помочь, я был бы очень признателен.

Answer 1

Это не идеально, но способ исправить это просто отредактировать все ссылки на домашнюю страницу, чтобы отключить стандартную ссылку ajax, и это делается следующим образом:

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