2012-02-29 1 views
0

http://www.rdio.com/#/aboutus/を訪問すると、about usのページが読み込まれていることがわかります。ここでは、フッターの「About Us」リンクにカーソルを合わせるか点検すると、単に/ aboutusを指しています。 View Sourceもチェックしてあり、リンク自体にはまったく魔法はありません。Rdio.comはアンカーベースのハイパーリンクをどのようにしていますか?

私は、jQueryがすべての<A>要素を更新し、アンカーベースのハッシュタグのURLアプローチに置き換える必要があると考えています。

自分のプロジェクトでこれをどのように機能させることができますか?

ありがとうございました。

答えて

3

リンクのためにアンカーがあります。本当の魔法はAjaxとその他の動的なJavaScriptベースのコンテンツです。ここのようなリンクが見えるかもしれないものです:面白い

$('.some-link').click(function(e) { 
    // Allow for linking: 
    window.location.hash = '#/' + this.getAttribute('href'); 

    // Start loading the content: 
    $.ajax({ 
     // ... 
     success: function() { 
      // New content gets put in 
     } 
    }); 

    // Prevent the real link from being followed: 
    e.preventDefault(); 
}); 
+0

は、感謝のminitechは、私が実際にe.preventDefault()とちょうどこのようなクリックイベントを試みたが、それはまだリンクを育てただけでなく、私のイベントを発射ました私はもう一度お試しください。 – GONeale

+0

笑それは働いている!関数のパラメータに 'e'を実際に渡した場合は助けになりました;)助けてくれてありがとう! – GONeale

関連する問題