Question

我有两个不同的页面需要使用Isotope进行砌体布局。我当前的代码控制着一个页面......

$(function(){
var $container = $('#photo-container');
$container.imagesLoaded( function(){
    $container.isotope({
        itemSelector : '.photo-item',
        masonry: {
  columnWidth: 380,
    isFitWidth: true
}
    });
});

我需要为另一个页面添加该函数的第二个实例，其中选择器是＆＃34;＃blog-container＆＃34;和＆＃34; .blog-item＆＃34; （而不是#photo-container / .photo-item）

我不知道如何在一个函数中编写所有这些，所以我可以在两个不同的页面上使用同位素。任何帮助表示赞赏。

Answer 1

试试这是你的js文件：

$(function(){
var $container = $('#photo-container');
$container.imagesLoaded( function(){
$container.isotope({
    itemSelector : '.photo-item',
    masonry: {
columnWidth: 380,
isFitWidth: true
}
});

var $container2 = $('#blog-container');
$container2.imagesLoaded( function(){
$container2.isotope({
    itemSelector : '.blog-item',
    masonry: {
 columnWidth: 380,
isFitWidth: true
}
  });

  });

Jquery Isotope在两个不同的页面上具有不同的目标div

1 个答案: