Навигация по jQuery - тот же вид, новый контент - PullRequest
Новая
       1

Навигация по jQuery - тот же вид, новый контент

0 голосов
/ 29 марта 2011

Я использую Ruby on Rails для создания простого веб-приложения и недавно добавил в него мобильное устройство jQuery, а также регулярное выражение для пользовательской строки для идентификации телефона (см. Railscast 199).

Прямо сейчас у меня возникла проблема со следующей проблемой дизайна: существует заголовок, который содержит две ссылки (левая кнопка и правая кнопка), каждая из которых соответствует предыдущему и следующему дню соответственно. Мне нужно, чтобы они ссылались на то же представление, но с новым содержанием. При этом я разработал следующий coffeescript, чтобы просто добавить параметр на страницу, которую приложение Rails затем идентифицирует и повторно отображает с новой информацией. 

$(document).ready ->
    m = parseInt $("#main")[0].getAttribute("data-message")

    $("a#m_previous").click ->
        move -1

    $("a#m_next").click ->
        move 1

    move = (direction) ->
        m += direction
        window.location = '/?data=' + m`

Который работает нормально. Ранее упомянутые кнопки имеют ссылки, указывающие на «/». Но это просто обновляет страницу, а не завершает анимацию вперед / назад, как мне хотелось бы. Для этого требуется, чтобы jQuery mobile перешел на новую страницу, чего не происходит.

Итак, мой вопрос: : Как настроить кнопки заголовка для перемещения вперед / назад, а также для отображения нового представления, но с той же информацией?

Любая помощь будет принята с благодарностью.

1 Ответ

0 голосов
/ 30 марта 2011

Не уверен, что это то, что вам нужно, но взгляните на метод загрузки . Вы можете использовать его для загрузки части содержимого в другой элемент страницы. 

$('#main').load('/?data=' + m + ' #content');

Это заменит содержимое внутри основного div на элемент содержимого.

...