0

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

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

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

尝试增加/减少页面和框架大小，您会注意到块的动画效果很好。

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

我已经把我自己的风格放到了积木上，但除此之外，我看不出有什么不同。会是什么呢？

4

1 回答 1

1

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

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

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

$('#container').masonry({
    itemSelector : '.item',
    columnWidth : 240,
    cornerStampSelector: '.corner-stamp',
    isAnimated: !Modernizr.csstransitions
});
于 2012-06-27T21:24:07.000 回答