jQuery的導航 - 同樣的觀點，新的內容

我使用Ruby on Rails的構建一個簡單的Web應用程序和最近剛添加的jQuery移動到它加一個用戶字符串正則表達式來識別手機（見Railscast 199）。jQuery的導航 - 同樣的觀點，新的內容

現在，我遇到了下列設計問題煩惱：存在一個包含兩個鏈接（左鍵和右鍵）各自分別對應於先前和第二天的標題。我需要他們鏈接到相同的觀點，但與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移動到一個新的頁面，這是它沒有做的。

所以我的問題是這樣的：如何配置標題按鈕向前/向後移動，並呈現一個新的視圖，但具有相同的信息？

任何幫助將不勝感激。

來源

2011-03-29 Matt

不知道這是否是你追求的，但看看在load method。您可以使用它將一部分內容加載到另一個頁面元素中。

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

這將取代主要的div裏面的內容與內容元素。

來源

2011-03-29 20:26:15 Vadim

那麼，在這種情況下，響應是整個頁面。我在這裏使用jQuery手機。所以我有#content div包裝我在視圖中使用的所有內容（並在點擊鏈接時進行更改）。因此，我已經適應我的javascript如下： - [pastie鏈接]（http://pastie.org/1732932） - 任何幫助將不勝感激。 – Matt 2011-03-29 22:06:13

@Matt，你在報價和＃'m +'＃mobile_view''之間缺少一個空格我也更新了你的餡餅http://pastie.org/1732977。 – Vadim 2011-03-29 22:19:54

不幸的是，這並沒有奏效。它所做的是用一個名爲「loading」的h1替換整個'#mobile_view'塊。所有的資源都被輸入，但替換和轉換根本不起作用。是否有回調或什麼？幫助！ – Matt 2011-03-29 22:32:04

jQuery的導航 - 同樣的觀點，新的內容

回答

相關問題