Location.hash......?

Question

[Роман]

В общем есть ссылка вида:

http://site.ru#more:next



Есть штука, которая ловит изменение хеша в браузре на jquery:

$(window).bind('hashchange', function() {<br>
     alert(location.hash);<br>
});

Есть еще одна штука, которая меняет хеш, допустим это ссылка:

<a href='#more:next'>ссылка</a>



И всё вместе: pastebin.com/0VhPHjXM



Что мне нужно?

Допустим мы открыли документ и перешли по ссылке, возникает alert. Проходим второй раз по ссылке: ничего (то есть не возникает события).



У меня было несколько вариантов, как заставить реагировать на изменение хеша, равному хешу в строке запроса:

<a href='#more:next'>Ссылка</a> <!-- не работает --><br>
<a href='#more:next/'>Ссылка</a> <!-- не подходит --><br>
<a href='#more:next '>Ссылка</a> <!-- не работает в опере --><br>

Answer 1

[Borro]

А так не подойдет?

$('a').click(function(){
     $(window).trigger('hashchange');
});

Answer 2

[Riateche]

Если возникает событие смены hash на "#more:next", сразу изменяйте hash на строку, представляющую адрес страницы (например, "#page/42"). Таким образом, при следующем нажатии на ссылку "#more:next" событие изменения hash опять сработает.

Comments

[Анатолий]

Будет вызываться по два евента, зачем лишние проверки?

[kastigar]

Соглашусь с , это будет самый верный подход. Во-первых, всё-таки не будет лишних проверок, more:next всего-лишь выставляет hash в page/42, а вот page/42 уже будет грузить нужную страницу, что семантически более корректно. Во-вторых, ссылку site.ru/#page/42 можно использовать повторно, в отличии от site.ru/#more:next.

Answer 3

[Анатолий]

setTimeout(hashCheck, 100);
var oldHash = null;
function hashCheck()
{
    if( oldHash !== location.hash )
    {
        // хеш изменился
    }
    setTimeout(hashCheck, 100);
}

Comments

[Роман]

Вы не поняли условие. Мне нужно заставить среагировать браузер на изменение хеша, равному хешу в строке запроса.

Попробуйте где-нибудь запустить у себя скрипт: pastebin.com/0VhPHjXM, нажать на первую ссылку и появится alert, и еще раз нажать, и алерта не возникнет, т.к. хеш в строке запроса равен хешу в ссылке.

Answer 4

[Александр]

Если кликнуть второй раз по ссылке с текущим хешем не сработает эвент, ведь хеш не меняется.
Может стоит обрабатывать onclick событие и в нем вызывать hashchange()?

Comments

[Роман]

я бы рад через onclick, но я преимущественно через js Меняю location.hash, ловлю через bind изменение хеша и дальше посылаю команду (через ajax), после которой приходит инфа о том, перезагрузить страницу или нет. Чтобы перезагрузить, нужно либо обновить страницу, либо просто поменять хеш.

Возникла идея: а что, если не добавить дополнительный слеш после решетки, то есть вот так:
site.ru/#more:next
site.ru//#more:next
…
Пойду попробую

Answer 5

[Wott]

А кто мешает менять «активный» hash на что-нить другое по загрузке и/или срабатыванию события hashchange?

идеологически браузеры правы — hash служит для позиционирования внутри страницы и если мы уже на месте, то смысла дергаться нет. но если hash используется хитрожопно, то и, соответственно, надо также хитро это обеспечивать.

Comments

[Роман]

Хм, интересно… Но мне так-же нужно сохранить «правильный» хеш в строке браузера.

[gaelpa]

Если нужно сохранить, можно в обработчике добавлять в конец хеша спецсимвол (точку, например), который игнорировать при обработке.
Хэш будет разный с т.з. браузера, но идентичный с т.з. вашего обработчика и «на глаз»

Answer 6

[gaelpa]

Забиндить событие на ссылки, меняющие хэш?

Comments

[gaelpa]

Черт, повторяюсь с предыдущими ответами…
Видимо вы неправильно понимаете идеологию использования хэшей: хэш в такой схеме должен быть индикатором какого-то состояния, а не каналом передачи команд на действия.
«more.next» — действие
«more+15» — состояние (дальше, на указанное смещение)

Answer 7

[dhalturin]

var _hash = {
    param: {},
    current: '',
    set: function(data)
    {
        if(_hash.current == data)
        {
            log('lock change hash');
            
            return;
        }

        window.location.href = '#' + data;
    },
    get: function()
    {
        var _href = window.location.href.split('#'); _hash.param = {};

        if(_href[1])
        {
            var _tmp = _href[1].split('&');

            for(i in _tmp)
            {
                _hash.param[_tmp[i].split('=')[0]] = _tmp[i].split('=')[1];
            }
        }

        _hash.current = _href[1];

        log('param changed: ', _hash.param);
    }
};

$(document).rady(function(){
    $('a:not(.nolink)').on('click', function (event)
    {
        event.preventDefault();

        _hash.set(this.href.replace(/^.*#/, ''));
    });

    $(window).bind('hashchange', function()
    {
        _hash.get();
    });

    _hash.get();
});

В _hash.get разбираешь строку как душе угодно.