Справка по плагину адресов jQuery - PullRequest
Новая
       20

Справка по плагину адресов jQuery

0 голосов
/ 02 марта 2011

У меня возникли небольшие трудности с выяснением того, как использовать адресный плагин jQuery - http://www.asual.com/jquery/address/- с моими ограниченными знаниями jQuery / javascript и я мог бы серьезно помочь!

Пока мой код выглядит так: 

jQuery(function($) {
   $.ajaxSetup({ cache: false });
   var hijax = $('ul.hijax a');
   var loader = $('<div id="spinner"></div>');
   var container = $('#ajax-container');
   hijax.address(function() {
     dis = $(this);
     hijax.removeClass('ajax-on');
     dis.addClass('ajax-on');
     var url = dis.attr('href') + ' #biog-container';
     container.html(loader).load(url);
     return dis.attr('id');
   });
});

То, что я надеюсь, довольно очевидно. У меня есть ul ссылок на страницы, где я загружаю через AJAX содержимое div с id из biog-container. AJAX работает нормально, и URL обновляется с помощью id ссылок, но когда я нажимаю кнопку «Назад», URL меняется, но содержимое остается прежним.

Любые мысли, я глуп??

1 Ответ

1 голос
/ 02 марта 2011

Если честно, метод address не слишком много делает для вас. На самом деле, плагин не добавляет поддержку автоматически.

Однако сделать это довольно просто. Вам просто нужно настроить обработчик для метода change: 

$.address.change(function(e){
    // The function receives a single eventobject parameter that contains the 
    // following properties: 
    //    value, path, pathNames, parameterNames, 
    //    parameters, queryString

    /* Do something based on e */
});

Когда адрес меняется, ваша функция срабатывает. Существуют также другие события internalChange и externalChange, которые можно настроить на срабатывание при изменении адреса внутри или снаружи.

Редактировать : Просто расширить на выше:

Это полный пример того, как это работает. Другими словами, вам не нужно вызывать что-либо еще в плагине, чтобы он работал: 

// Override the click events of links
$("a").click(function(e) {
    e.preventDefault();
    $.address.path(this.id);
});

// Method called with the address changes
$.address.change(function(e) {
    // This is called when the 
    $("#content").html("Something based on " + e.value);
});

Когда ссылки нажимаются, он устанавливает путь адреса (в терминах плагина) к идентификатору ссылки. Это генерирует действие, так что назад / вперед работает правильно. Сама ссылка не изменится, поэтому, если JavaScript не включен, он перейдет на любой адрес ссылки.

Бит $.address.change устанавливает обработчик. Здесь вы можете загрузить контент. В моем примере он использует e.value, чтобы получить значение адресного пути. Так что это будет что-то вроде /link1, /link2 и т. Д. Этот обработчик вызывается, когда ссылка изменяется внутренне (с помощью плагина) или извне (с помощью браузера вперед / назад).

Примечание : я заметил, что это не работает безупречно с jQuery 1.5.1. Я почти уверен, что это как-то связано с изменением селектора атрибутов jQuery 1.5 (который, похоже, использует плагин адреса). JQuery 1.4 работает нормально, хотя.

...