2011-12-21 5 views
0

基本的にYoutubeがメニュー&の間でどのように動作するか知りたいです。新しいYoutubeのレイアウトのようにメニューを作るには

オンhttp://www.youtube.com/メニューの例をクリックすると、右の人気、音楽、エンターテインメントなどが、クリックしたカテゴリに応じて&の動画を表示します。

ソースを見ると、特定のscript nameへのリンクはありません。

<li class="guide-item-container"> 
    <a data-feed-type="system" data-feed-name="popular" class="guide-item"> 
     <span class="thumb"> 
      <img alt="" src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" class="system-icon system popular"> 
     </span> 
     <span class="display-name"> 
      Popular 
     </span> 
    </a> 
    </li> 

どのように動作するのか分かりますか。

+1

特定のスクリプトの右へのリンクを持ってする必要はありませんことを思ったんだけど関連するコードの横に表示されます。スクリプトはページ内のどこにでも置くことができます。 Threeはおそらくそれぞれの特定のリンクに関連付けられたonclickイベントであり、コンテンツにはAJAXがロードされます。 –

答えて

0

youtubeがどのようにコンテンツをうまく読み込むのか簡単にはわかりませんが、開発者ツールのネットワークビューでajaxリクエストの宛先を確認できます。 「人気のある」リクエストは、このURLからコンテンツを取得します。つまり、/guide_ajax?action_load_system_feed=1&feed_type=popularはjsonを返します。

私は少しメインナビゲーションのような主要な機能は、JavaScriptを無効にしているユーザーのためのフォールバックを持っていませんが、大丈夫...