使用jQuery追加URL與錨＃

Question

雖然通過AJAX等檢索項目，這些鏈接設置爲做到這一點：

$(this).click(function(){ 
ajax_function(); // hypothetical ajax call that puts data into a <div> of my choice 
return false; 
}); 

在這種情況下，我想知道最好的辦法是利用jQuery的是什麼添加東西到我的URL格式爲：

http://www.mydomain.com/products

變成

http://www.mydamain.com/products#category-12,page-4

進一步注意 - 我正在談論瀏覽器的實際URL（在URL欄中），而不是作爲DOM一部分的URL。

Answer 1

（比之前谷歌更好的關鍵字）搜索一些，我發現我所需要的答案後，我寫了下面的功能：

function get_url_hash(argument) { 
    var hash = location.hash.replace('#',''); 
    if(argument=='' || argument==undefined) { 
     return hash; 
     alert(blank); 
    } else { 
     var foundhash = false; 
     // specific argument given - let's find the value attached. 
     var hashblock = hash.split(','); 
     for(x in hashblock) { 
      var hasharray = hashblock[x].split('-'); 
      if(hasharray[0]==argument) { 
       return hasharray[1]; 
       foundhash = true; 
      } 
     } 
     if(foundhash==false) { 
      return false; 
     } 
    } 
} 

function modify_url_hash(argument, value) { 
    // This function goes through the entire hash, 
    // figures out which parts of the hash should be added, updated or removed based on entry, 
    // and then spits out final result. 
    var hash = get_url_hash(); 
    var foundhash = false; // foundhash is set to false by default. if this hash is NOT found, then we add it at the end! 
    var hashcount = 0; // keep count of total # so as to determine where to put the commas etc. 
    var newhash = ''; 
    if(hash.length>0) { 
     var hashblock = hash.split(','); 
     for(x in hashblock) { 
      var hasharray = hashblock[x].split('-'); 
      if(hasharray[0]==argument) { 
       hasharray[1] = value; 
       foundhash = true; 
      } 

      if(hasharray[1]!=false && hasharray[1]!='') { // if new value is NOT false, we keep it in.. otherwise don't feed it to newhas so it disappears. 
       if(hashcount>0) { newhash = newhash+','; } 
       newhash = newhash+hasharray[0]+'-'+hasharray[1]; 
       hashcount++; 
      } 

     } 
    } 

    if(foundhash==false) { 
     // this is a new hash block. 
     if(hashcount>0) { newhash = newhash+','; } 
     newhash = newhash+argument+'-'+value; 
    } 
    location.hash = newhash; 
} 

Answer 2

可能類似於

oldlink = $('#mylinkselector').attr("href"); 
newlink = oldlink="#category-12,page-4"; 
$("#mylinkselector").prop("href",newlink);