Javascript / jQuery哈希URL无法执行

Question

I have a hash URL that doesn't execute the javascript/jQuery unless I manually hit the enter key or refresh the page.

$(function($){
  var key=$(location).attr('hash');

  if (key){
    $('#div').find('div.div2').load('sig.php?k='+key)
  }
});

This works fine when I type in the URL manually or refresh the page but whenever I use <a href="url#SecReTkEy"> or Javascript/jQuery functions such as:

$(location).attr('href','url#SecReTkEy');

$('a').prop('href','url#SecReTkEy');

window.location.replace('url#SecReTkEy');

window.location.href('url#SecReTkEy');

Can any one tell me why and how to fix this? `

Answer 1

你应该使用

location.href = #whatever

Answer 2

You don't need JQuery in order to retrieve the hash. Use the fully qualified reference to window.location.hash (I'm guessing location didn't work as you already have a var named location ).

Also, don't forget to URL encode the key using encodeURIComponent . Additionally the $ is not needed if you want to execute this on document ready .

$(function(){
  var key = window.location.hash;

  if (key){
    $('#div').find('div.div2').load('sig.php?k=' + encodeURIComponent(key))
  }
});

Answer 3

I have a hash URL that doesn't execute the javascript/jQuery unless I manually hit the enter key or refresh the page.

这是因为它仅启动一次，而不是在eventBinder上具有hashchange 。