如何使菜单看起来像新的 Youtube 布局答案

【问题标题】：How do I make menu looks like new Youtube layout如何使菜单看起来像新的 Youtube 布局
【发布时间】：2012-01-25 07:15:44
【问题描述】：

我想知道 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>

我想知道它是如何工作的。

【问题讨论】：

不需要在相关代码旁边有指向特定脚本的链接。该脚本可以位于页面中的任何位置。 Three 可能是与每个特定链接关联的 onclick 事件，然后使用 AJAX 加载内容。

标签： php mysql html user-interface

【解决方案1】：

很难找到 youtube 如何准确地加载内容，但您可以在开发者工具的网络视图中看到 ajax 请求的目的地。 “流行”上的请求从这个 url 获取它的内容，即：/guide_ajax?action_load_system_feed=1&feed_type=popular，它返回一个 json。

我有点想知道，像主导航这样的主要功能对于禁用 javascript 的用户没有后备，但是好吧...

【讨论】：