Question

我正在尝试jQuery砌体动画示例，并设法使基本页面正常工作。但是，动画无效。

这非常令人沮丧，所以我从jQuery Masonry网站复制了示例页面，并开始将其剥离，直到我发现它与我的页面之间的差异;识别我引入的任何故障。

这是一个精美的版本：http://jsfiddle.net/LittleBobbyTables/FrRbv/

尝试增加/减少页面和框架大小，你会发现这些块的动画效果非常好。

这是我的（相同的？）版本，不起作用：http://jsfiddle.net/LittleBobbyTables/M2K9z/

我已将自己的风格添加到块中，但除此之外，我看不出任何差异。它可能是什么？

Answer 1

使用Chrome的开发者控制台，这个错误被jQuery（jquery.min.js：3）吐出：

未捕获错误：语法错误，无法识别的表达式：##

您在应用Masonry的代码中有一个无效的选择器。三重哈希###不是Sizzle（jquery使用的CSS选择器库）选择器语法的一部分。相反，使用单个哈希按ID标记元素：

$('#container').masonry({
    itemSelector : '.item',
    columnWidth : 240,
    cornerStampSelector: '.corner-stamp',
    isAnimated: !Modernizr.csstransitions
});

两个相同的jQuery砌体页面 - 动画，角落都有不同的行为

1 个答案: