jquery同位素不会启动
我现在用的是铬。我希望在处理浏览器特定的问题(例如，ffox中的flexbox问题)之前，让同位素能够正常工作。
所以我这样称呼同位素：
<head>
<!-- isotope -->
<script src="../javascript/isotope-master/jquery.isotope.min.js"></script>
<script type="text/javascript">
var $container = $('.content');
$container.isotope({
// options
itemSelector : '.entry',
});
</script>
</head>然后，我有<div class="content">和<article class="entry">在里面。
chrome检查器告诉我，isotope.js没有错误地加载，但我的意思是页面上什么都没有发生。
更新:基于响应的，我决定将基本内容输入到代码中。它通过cdnjs.com：http://codepen.io/monsto/pen/qlKLg包括jquery和同位素。
我的问题是..。
- 我错过了什么？很明显我漏掉了什么。
- 不管我错过了什么，如果我指出的话，我在文档里错过了什么地方？
- 有没有测试或者回调之类的，我可以用同位素把一些ACK吐到页面上？我是说，只是因为它在装货并不意味着它在开火。
更新看来，我对安装同位素到底需要做些什么有一个严重的缺陷。即使遵循这些例子，它也不起作用(我想我很特别)。上面列出的问题1和问题2是最重要的。
回答 1
Stack Overflow用户
发布于 2013-07-15 22:40:02
首先，在加载页面之前定义$container，这将防止同位素连接到元素；要解决这个问题，请执行以下操作。
$(function() {
var $container = $('.content');
// ...
});您可以在下面的例子中看到同位素所期望的顺序：posts/demos/2010-12-12-basic.html
此外，我还遇到了CSS3转换未被设置的问题，这可以通过以下方法完成。
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}在文档中: http://isotope.metafizzy.co/docs/animating.html#content
https://stackoverflow.com/questions/17664909
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号