jQuery块导致页面无法呈现

我正在尝试将播放列表中的YouTube视频列表显示到我的页面上。我可以让视频显示得很好。我试图按视频的名称或日期添加“排序”，但当我添加代码时，页面根本不会呈现视频

以下是HTML：

<div class="hg-portfolio-sortable">
<div id="sorting" class="fixclear"> <span class="sortTitle">Sort By: </span>

    <ul id="sortBy" class="option-set " data-option-key="sortBy" data-default="">
        <li><a href="#sortBy=name" data-option-value="name">Name</a>
        </li>
        <li><a href="#sortBy=date" data-option-value="date">Date</a>
        </li>
    </ul> <span class="sortTitle">Direction: </span>

    <ul id="sort-direction" class="option-set " data-option-key="sortAscending">
        <li><a href="#sortAscending=true" data-option-value="true">ASC</a>
        </li>
        <li><a href="#sortAscending=false" data-option-value="false">DESC</a>
        </li>
    </ul>
</div>
<ul id="portfolio-nav" class="fixclear">
    <li class="current"><a href="#" data-filter="*">All</a>
    </li>
    <li><a href="#" data-filter=".websites">Websites</a>
    </li>
    <li><a href="#" data-filter=".print">Print</a>
    </li>
    <li><a href="#" data-filter=".logo">Logo</a>
    </li>
</ul>
<div class="clear"></div>
<ul id="thumbs"></ul>

简而言之，getJSON为每个视频创建html并将其附加到

标记。同样，这是可行的，但当我添加“排序”代码时，页面现在根本不呈现。你知道为什么吗？另外，我试图从feed中获取“Description”，但是

item.Description

返回未定义的，但是所有这些视频都有一个Description？我还试图弄明白为什么它会从“右到左”显示它们。如果你拿起下面的小提琴，在末尾加上

/show

，你就会明白我在说什么。为什么不能像预期的那样将它们附加到“从左到右”

这里有一把小提琴把它放在一起：我正在使用jquery1.8.2。（尽管小提琴上写着1.8.3）

更新

很抱歉对JSFIDLE造成混淆…我不知道每次按下“更新”后，我还需要向每个人提供该url（我想它会更新旧的url）。无论如何，最新的一个现在在链接中。就小提琴目前的坐姿（版本22）而言，我面临的问题是：

1.）未显示任何视频。如果你把这一行上面的所有内容都注释掉，

var playlayurl=…

，你就会看到你得到了视频……当然，没有排序。 2.）仍然无法从每个视频中获取

说明

（

项。说明

返回未定义）

---

3.）如果您从#1中注释掉代码，然后将

/show

附加到URL的末尾，您将看到呈现的HTML、视频和所有内容（无排序），但向下滚动，您将看到它们向右对齐，而不是向左对齐。

关于您的描述问题

我们必须使用这个JS来获取这些信息

var description =  item.media$group.media$description.$t;

希望这对你有帮助。我将研究其余部分，并在进行时进行更新

这是你想要的吗

为什么不能像预期的那样将它们附加到“从左到右”

Append意味着添加到的末尾。你可能需要

使用

控制台很容易找到描述。日志（数据）

：

缩略图未显示的原因可能是由于动画，动画使元素获得CSS属性

溢出：隐藏
和
高度：0
，这基本上使元素不可见

从控制台：Uncaught TypeError:Object#没有方法'easeOutExpo'，我将js添加到了包含此内容的fiddle（plugins.js）。你更新了fiddle链接吗？我看不到它被加载了，同样的错误还在发生。呃……对不起，这是其中的一天……我刚刚点击了更新。我对JSFIDLE不太熟悉，但不知道我是否必须在点击更新后提供新的url……以防万一：这得到了描述，正如预期的那样。我看到您删除了
easing
代码，正如上面DJDavid98所说的那样，使元素不可见。非常感谢！代码是按照您想要的方式工作还是需要更多。在JSBIN上更容易看到，我认为'Date'“sort”函数不起作用。如果你点击“名称”，它们会排序，但是如果你点击“日期”，什么都不会发生。好吧，我会调查你，你知道我修正了什么吗？既然你将david的答案标记为已回答，我就完成了，因为你说的问题不需要更多的帮助。我想知道为什么这些元素会出现在控制台中，而不是页面上。我对使用游戏机还是个新手，但这回答了我的主要问题，为什么vidz没有出现。我现在已经删除了那个动画。再次感谢。
var description =  item.media$group.media$description.$t;

item.media$group.media$description.$t