2011-02-23 70 views
2

我使用真棒jQuery autocomplete plugin。不過,在瞭解瀏覽器行爲和Ajax方面,我有點新手,所以我有一個問題。jQuery自動完成和後退按鈕的行爲?

這是事件發生的順序:

  1. 用戶類型「魚」到文本框中
  2. 用戶從自動完成選項列表中選擇書的標題 - 養魚,魚油炸等
  3. HTML負荷(單擊此處進行魚類養殖)
  4. 用戶單擊鏈接並加載養魚頁面
  5. 用戶決定養魚不適合他們,單擊「返回」按鈕並返回到空p年齡!

我該如何改變這一點,以便當用戶返回到主頁時,他們會看到Fish Farming html--他們正在查看的頁面?

這是我的自動完成代碼:

// Autocomplete listener. 
    $("#q").catcomplete({ 
      source: "/book_results", 
      select: function(event,ui) { 
       $('#book_results').html(load_img); 
       if (ui.item.category=="Books") { 
        $.bbq.removeState(); 
        var paramsObj = { 'b' : ui.item.id }; 
        $.bbq.pushState(paramsObj); 
        get_books(null, null, null, ui.item.id); 
       } else { 
        $.bbq.removeState(); 
        var paramsObj = { 's' : ui.item.id }; 
        $.bbq.pushState(paramsObj); 
        get_books(null, ui.item.id, null); 
       } 
      } 
    }); 

正如你所看到的,我已經在使用BBQ plugin當用戶選擇從自動完成一些更新網址片段,只是因爲它似乎是個好主意。

所以,我有我的哈希book_id集 - 但我怎麼能保證當用戶點擊相關的HTML載荷返回?

謝謝!

回答

0

當用戶使得選項附加錨URI或會話狀態。

作出的前進和後退按鈕新的事件,並相應地遍歷列表。

+0

「當用戶選擇......」 - 我與燒烤插件已經在做,按照問題。 「舉辦新的活動......」 - 請你詳細說明你的意思嗎? – AP257 2011-02-25 09:02:39

+0

我解釋瞭如何實現燒烤插件。您可能要檢查在[BBQ例如文檔(http://benalman.com/code/projects/jquery-bbq/examples/fragment-jquery-ui-tabs/)更徹底,我不熟悉,但它看起來活着,你保存的狀態不檢索它們。 – 2011-02-27 20:56:17