如何在用戶使用JQuery訪問哈希鏈接（#something）時運行JavaScript函數？

Question

我有一個http://example.com/app韋伯應用程序，我想顯示一種形式，如果用戶正在訪問http://example/app#add-item。

有什麼辦法，我可以使用jQuery腳本添加此functionallity？

我現在的jQuery腳本已經有這樣的結構：

$(document).ready(
    function() { 
     $('#search').keyup(
      function() { ... } 
     ); 
    } 
) 

我如何能顯示一種形式使用成才這樣的：

$(document).ready(
    function() { 
     $('#search').keyup(
      function() { ... } 
     ); 

     $('#add-item').visit(// .visit probably doesn't exist 
      function() { content.innerHTML = myForm; } 
     ); 
    } 
) 

Answer 1

這是我做的事情：

var hash = (window.location.hash).replace('#', ''); 
    if (hash.length == 0) { 
     //no hash 
    } 
    else { 
     //use `hash` 
     //example: 
     if(hash == 'add-item'){ 
      //do something 
     } 
    } 

Answer 2

可能能夠使用hashchange事件，如在http://benalman.com/projects/jquery-hashchange-plugin/所示。

Answer 3

$(document).ready(
    function() { 
     $('#search').keyup(
      function() { ... } 
     ); 

     $('#add-item').click(
      function() { $("#content").html(myForm); } 
     ); 
    } 
); 

我假設你有一個id爲「content」的元素，你要顯示這個表單。