JQuery Mobile - переходы и изменения страницы - PullRequest
Новая
       6

JQuery Mobile - переходы и изменения страницы

2 голосов
/ 31 марта 2011

Я пытаюсь, чтобы jQuery mobile понимал, что когда я нажимаю на определенную ссылку, вызывайте сервер с путем /?date={n}, где n - это некоторое число, представляющее дни с сегодняшнего дня. Пока что файл JS выглядит следующим образом: 

(function() {
  $(document).ready(function() {
    var m, move;
    m = parseInt($("#main")[0].getAttribute("data-message"));
    $("a#m_previous").click(function() {
      return move(-1, true);
    });
    $("a#m_next").click(function() {
      return move(1, false);
    });
    return move = function(direction, slide) {
      m += direction;
      return $.mobile.changePage({
        url: '/',
        type: 'get',
        data: {"date": m}
      }, "slide", slide, false);
    };
  });
}).call(this);

Поскольку в документах упоминается , $ .mobile.changePage принимает пару параметров в качестве пути, который он должен проверять, анимацию, реверс и changeHash. Поэтому, хотя я считаю, что делаю все правильно, что-то не работает.

При вызове этой функции она успешно делает запрос URL, доставляет необходимый HTML, но не проходит часть перехода. Появляется небольшое всплывающее окно с надписью «загрузка», но это все.

Что мне здесь не хватает? Что мне нужно сделать, чтобы успешно завершить переход страницы?

Любая помощь очень ценится.

РЕДАКТИРОВАТЬ: Таким образом, документ приходит, и я вижу это в веб-инспекторе. Но он не загружается, поэтому я попробовал следующее: 

(function() {
  $(document).ready(function() {
    var m, move;
    m = parseInt($("#main")[0].getAttribute("data-message"));
    $("a#m_previous").click(function() {
      return move(-1, true);
    });
    $("a#m_next").click(function() {
      return move(1, false);
    });
    return move = function(direction, slide) {
      m += direction;
      return $("body").load('/?date=' + m + 'main', $.mobile.changePage('/?date=' + m, "slide", slide, false));
    };
  });
}).call(this);

И это завершает вызов и переходит на следующую страницу. Однако , есть предостережения:
* Скользящая анимация не происходит. * Таблицы стилей CSS не загружаются на мобильные устройства и содержат поле «загрузка». Тем не менее, он работает в Webkit Nightly ...

Структура макета выглядит так: 

id=body data-role='page'
    data-role=header
    id=day_header data-role=header
    id=main data-role=content

Изменение метода load на другой селектор не работает.

HALP!

1 Ответ

...