jQuery Navigation - Same View, New Content

Question

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

Прямо сейчас у меня возникают проблемы со следующей проблемой: существует заголовок, содержащий две ссылки (левая и правая кнопки), каждая из которых соответствует предыдущему и следующему дню соответственно. Мне нужно, чтобы они ссылались на один и тот же взгляд, но с содержимым ne. При этом я разработал следующий файл 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 перешел на новую страницу, чего она не делает.

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

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

Answer 1

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

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

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