window.location.hash URL разница записи и тег

Question

HTML код

<div class="fakeSearch"> 
    <input id="searchInput" type="text" placeholder="Search"> 
    <img id="searchImg" class="clickAble" src="./img/search.png"> 
</div> 

сценарий

window.addEventListener("hashchange", ChangePage); 

$('#searchImg').on('click', function(){ 
    var word = decodeURIComponent($('#searchInput').val()); 
    window.location.hash = '#search:'+word; 
}); 

var ChangePage = function(){ 
    var myUrl = window.location.hash; 
    var argStr = myUrl.split("\\"); 
    argStr = argStr[0].split(":"); 
    argStr[0] = argStr[0].replace("#", ""); 

    $('#mainPlace > div').css('display','none'); 

    if(myUrl === ""){} 
    ... 
    else if(argStr[0]==='search'){ 
    $('#searchPage').css('display','block'); 
    InitLoadSearch(decodeURIComponent(argStr[1])); 
    } 
} 

var InitLoadSearch = function(){ 
    /* call ajax data and print masonry */ 
} 

работы при записи прямой набрав URL #search: 123
но окно. location.hash = '#search:' + word код не работает.
более правильно, страница по умолчанию - кладка.
* кладка - я использую http://masonry.desandro.com/
также поиск страница кладка страница.
сетка на странице по умолчанию является перерывом. (Сброс позиции), когда поиск и нажмите кнопку назад нажмите
перерыв только андроида мобильного хрома
каждую сеткой является другими определить.

дополнительно

<a href="#search:code"></a> 

это нормальная работа! только

window.location.hash = "#search:"+variable; 

есть лот.

в заключение, я знаю, разница записи URL, тег HREF и window.location.hash

Answer 1

К сожалению, вы трудно понять.

Я пробовал ваш код в скрипке: https://jsfiddle.net/3ouLyxds/ и, похоже, работает. Я только изменил порядок кода, или он не будет работать на всех:

var ChangePage = function(){ 

    var myUrl = window.location.hash; 
    var argStr = myUrl.split("\\"); 
    argStr = argStr[0].split(":"); 
    argStr[0] = argStr[0].replace("#", ""); 

    $('#mainPlace > div').css('display','none'); 

if(argStr[0]==='search'){ 
    $('#searchPage').css('display','block'); 
    InitLoadSearch(decodeURIComponent(argStr[1])); 
    } 
} 

var InitLoadSearch = function(str){ 
    alert(str); 
} 

window.addEventListener("hashchange", ChangePage); 

$('#searchImg').on('click', function(){ 
    var word = decodeURIComponent($('#searchInput').val()); 
    window.location.hash = '#search:'+word; 
});