は、アクション

Question

後、私はこのコード人は、このボタンをクリックするたびに、リンクがそのHREF =＃かのように動作します

<a class ="hi" href='uselesslinkhere.php?page=page1&action=add&id=myid'>Add??</a>

を持つヘッダに移動するにはHREFを防止します。 jQueryヘルプを使用しますか？もしそうなら、どのように機能するのですか？

ありがとうございます！

Answer 1

アンカータグにonclickイベントを追加し、hrefの後にページを停止します。次に、jQueryを使用してページの内容を変更し、希望のURLを履歴に追加します。

<a class ="hi" onclick="loadPage(event,'uselesslinkhere.php?page=page1&action=add&id=myid')" href='uselesslinkhere.php?page=page1&action=add&id=myid'>Add??</a> 

var loadPage = function(event,pageUrl){ 

     event.preventDefault(); 


     if(history && history.pushState) 
      { 
       history.pushState(null,null,pageUrl); 
      } 

     return false; 
    }