jQueryナビゲーション - 同じビュー、新しいコンテンツ

Question

私はRuby on Railsを使って簡単なWebアプリケーションを構築しています。それに最近jQuery Mobileを追加し、電話を識別するユーザ文字列の正規表現を追加しました（Railscast 199参照）。

今、私は次のデザイン問題に問題があります：前と次のそれぞれにそれぞれ対応する2つのリンク（左ボタンと右ボタン）を含むヘッダーがあります。私は彼らに同じ内容のリンクを張ってもらう必要があります。そうすることで、私は以下の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モバイルが新しいページに移動する必要があります。

だから私の質問はこれです：どのように私は新しいビューをレンダリングするが、同じ情報で前方/後方にも移動するには、ヘッダーボタンを設定しますか。

ご協力いただければ幸いです。

Answer 1

これがあなたの後であるかどうかはわかりませんが、load methodをご覧ください。これを使用して、コンテンツの一部を別のページ要素に読み込むことができます。

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

これは、メインのdiv内のコンテンツをcontent要素に置き換えます。