0

Пытаюсь написать ajax переходы. Вроде бы всё отлично, но адрес создаётся вида:

http://site.ru/#/test

Нельзя ли как-нибудь убрать якорь("#") путём js и оставлять http://site.ru/test?


Это мой код, который подгружает контент нужной страницы и создаёт # в адр строке. А вот как его потом удалить?

<a href="/test" onclick="nav(this); return false;">перейти</a>

<script type="text/javascript">
function nav(a) {
 var url = $(a).attr('href');
 $.get(url, function(data) {
 $('.getc').html($('.getc', data).html());
 location.hash = url;
 });
}
</script>
2
  • вопрос-ответ?
    – thunder
    12 окт 2012 в 14:54
  • @thunder, обновил пост :) >> Это мой код, который подгружает контент нужной страницы и создаёт # в адр строке. А вот как его потом удалить?
    – ModaL
    12 окт 2012 в 15:02

4 ответа 4

1

"хочу так же как в вконтакте" =) ну ладно)

вам нужно использовать history.pushState , в контакте это именно так реализовано, однако оно не поддерживается в "некоторых" браузерах, посему народные умельцы написали давно html5 history api. вот одна из статей на эту тему: freehabr ну или на хабре

3
  • 1
    @thunder, спасибо, набыдлокодил :D >> location.href = '#'+url; history.replaceState(null, null, url);
    – ModaL
    12 окт 2012 в 15:28
  • По-моему вконтакте, да и не только в нём, так реализовано, но не для IE. Когда из IE заходишь, то всё через хэш делается, потому IE не знает ничего про pushState, replaceState и т.д.
    – ivkremer
    12 окт 2012 в 15:32
  • @ModaL незачто) @Kremchik ие не знает, для этого существуют классы дял js, которые в зависимости от браузера используют те или иные функции... в своем скрипте вы будете пользоваться теми же функциями.
    – thunder
    12 окт 2012 в 15:54
0
var str = 'http://site.ru/#/test';
alert(str.replace('#/','')); // = 'http://site.ru/test'
2
  • @Deonis, это то понятно :D А как сделать, чтобы он в адресной строке без всяких переходов обновился?
    – ModaL
    12 окт 2012 в 15:11
  • @ModaLБез перезагрузки, изменить адресную строку можно, а вот изменить её без хэша - не получится.
    – Deonis
    12 окт 2012 в 15:19
0

history.pushState() в помощь, вот на хабре статья

Правда, работает только в браузерах, поддерживающих html5, для остальных придется # использовать

2
  • @Owlet, как-нибудь можно определить, поддерживает браузер html5 или нет?
    – ModaL
    12 окт 2012 в 15:19
  • caniuse.com/#search=history
    – Deonis
    12 окт 2012 в 15:23
0

Вот такой код jquery решает проблему:

 $('a[href*=#]').bind("click", function(e){
  var anchor = $(this);
  $('html, body').stop().animate({
     scrollTop: $(anchor.attr('href')).offset().top-100
  }, 1000);
  e.preventDefault();});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.