jQuery автозаполнение и поведение кнопки возврата? - PullRequest
2 голосов
/ 24 февраля 2011

Я использую потрясающий плагин автозаполнения jQuery .Однако я немного новичок в понимании поведения браузера и Ajax, поэтому у меня есть вопрос.

Это последовательность событий:

  1. Пользователь вводит 'fish' в текстовое поле
  2. Пользователь выбирает название книги из списка параметров автозаполнения - Fish Farming, FishЖарка и т. Д.
  3. HTML загружается на страницу (как ajax) - «нажмите здесь, чтобы перейти на рыбоводство»
  4. Пользователь нажимает на ссылку и загружает страницу «Рыбоводство»
  5. Пользователь принимает решение о рыбоводствене для них, нажимает на кнопку «назад» - и возвращается на пустую страницу!

Как я могу изменить это так, чтобы, когда пользователь возвращается на домашнюю страницу, он видел Fish Farminghtml - страница, которую они только что просматривали?

Это мой код автозаполнения:

    // 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 обновить фрагмент URL, когда пользователь выбирает что-то из автозаполнения, просто потому, что это показалось хорошей идеей.

Итак, мой хэш установлен в book_id, но как я могу гарантировать, что соответствующий HTML загружаетсякогда пользователь нажимает кнопку Назад?

Спасибо!

1 Ответ

0 голосов
/ 24 февраля 2011

Когда пользователь делает выбор, присоединяйте привязки к URI или состоянию сеанса.

Создайте новые события для кнопок «Назад» и «Вперед» и соответственно просмотрите списки.

...