Javascript 同位素.js图像未响应或未过滤
我正在引导页面中使用Javascript 同位素.js图像未响应或未过滤,javascript,jquery,css,jquery-isotope,Javascript,Jquery,Css,Jquery Isotope,我正在引导页面中使用jquery.isotox.js进行图像库过滤 它完美地适用于Chrome过滤和响应图像。但在IE9和Firefox中，当窗口大小超过700px时，它工作得非常好。尽管如此，当窗口大小小于700px时，图像将不会响应 我试着用边沟宽度编辑砖石布局，然后图像变得灵敏，但过滤不起作用。我也试过最新的同位素，但没有 这是密码 <!Doctype html> <head> <script src="http://code.jquery.com/j
jquery.isotox.js<!Doctype html>
<head>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.isotope.js"></script>
</head>
<body>
<div class="container">
<div class="categories">
<ul class="cat">
<li class="pull-left">
<h4>PHOTOS</h4>
</li>
<li class="pull-right">
<ol class="type">
<li><a href="#" data-filter="*" class="active"> ALL</a>
</li>
<li><a href="#" data-filter=".childhood">CHILDHOOD</a>
</li>
<li><a href="#" data-filter=".concerts">CONCERTS</a>
</li>
</ol>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div id="lightbox" class="row">
<div class="col-md-4 childhood">
<div class="portfolio-item">
<img src="img/photos/childhood/img5.jpg" class="img-responsive" alt="Childhood Images" />
</div>
</div>
<div class="col-md-4 childhood">
<div class="portfolio-item">
<img src="img/photos/childhood/img2.jpg" class="img-responsive" alt="Childhood Images" />
</div>
</div>
<div class="col-md-4 childhood">
<div class="portfolio-item">
<img src="img/photos/childhood/img3.jpg" class="img-responsive" alt="Childhood Images" />
</div>
<div>
<div class="col-md-4 concerts">
<div class="portfolio-item">
<img src="img/photos/concerts/img1.jpg" class="img-responsive" alt="Concert Images" />
</div>
</div>
<div class="col-md-4 concerts">
<div class="portfolio-item">
<img src="img/photos/concerts/img1.jpg" class="img-responsive" alt="Concert Images">
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(window).load(function() {
var $container = $('#lightbox');
$container.isotope({
filter: '*',
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
}
});
$('.cat a').click(function() {
$('.cat .active').removeClass('active');
$(this).addClass('active');
var selector = $(this).attr('data-filter');
$container.isotope({
filter: selector,
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
}
});
return false;
});
});
</script>
</body>
</html>
-
照片
-
-
-
-
$（窗口）。加载（函数（）{
var$container=$（“#lightbox”）；
$container.com({
筛选器：'*'，
动画选项：{
持续时间：750，
“线性”，
队列：false
}
});
$（'.cat a'）。单击（函数（）{
$（'.cat.active'）.removeClass（'active'）；
$（this.addClass（'active'）；
变量选择器=$（this.attr（'data-filter'）；
$container.com({
过滤器：选择器，
动画选项：{
持续时间：750，
“线性”，
队列：false
}
});
返回false；
});
});
divdivdiv