0

我希望将 isotope.js 和类似灯箱的叠加层一起使用来创建一个很酷的、可过滤的照片库或信息页面，您可以在其中单击一个项目以获取包含更多信息的弹出窗口。

这是一个带有示例 http://jsfiddle.net/9d5qw/的 jfiddle

这是我正在使用的js -

$('.box-to-display').click(function() {
    $(this).siblings('.popup').center();
    $(this).siblings('.popup').fadeIn();
    $(this).siblings('.overlay').fadeIn();
});

$('.overlay').click(function() {
    $(this).siblings('.popup').fadeOut();
    $(this).fadeOut();
});


var $container = $('#isotope-container');
      $container.isotope({
        animationEngine : 'jquery',
         layoutMode: 'straightDown',
        animationOptions: {
            duration: 250,
            easing: 'linear',
            queue: false
        } });

本质上-同位素使溢出：隐藏；在它的目标容器上，它隐藏了定位的弹出覆盖。理想情况下，我不想做两个单独的部分 - 一个用于叠加，一个用于列表。我正在使用 php 从数组中生成我的列表，以防这很重要！

在写完所有这些之后，我意识到我可能需要两段单独的代码——一段用于覆盖，一段用于列表，并用唯一的 ID 连接它们——但如果没有，请告诉我！

谢谢！雅各布

4

1 回答 1

0

我通过使用两段单独的代码解决了这个问题，一段用于覆盖，一段用于列表。

希望这对某人有帮助！

于 2013-07-16T13:44:01.303 回答