Question

如何在我的视图中添加更多的CubePortfolio画廊。我的代码：

@foreach($page->subpages as $subpage)
    <div id="js-grid-lightbox-gallery" class="cbp ">
        @foreach($subpage->photos as $photo)
             <div class="cbp-item {{ $subpage->id }}">
                 <a href="/project/storage/app/{{ $photo->filename }}" class="cbp-caption cbp-lightbox" data-title="" rel="nofollow">
                     <div class="cbp-caption-defaultWrap">
                         <img src="/project/storage/app/{{ $photo->filename }}" alt="">
                     </div>
                 </a>
             </div>
        @endforeach
    </div>
@endforeach

目前仅向我显示一个画廊，并且应该显示多个画廊。一个可以，另一个围绕装载程序旋转。

我知道不能有两个具有相同ID的画廊吗？我怎么解决这个问题？感谢您的帮助。

Answer 1

将循环中的标识符添加到ID，就像您在类中添加标识符一样

<div id="js-grid-lightbox-gallery-{{ $subpage->id }}" class="cbp">

然后像这样初始化元素（来自jQuery的示例）

$('[id^=js-grid-lightbox-gallery]').cubeportfolio({

希望这会有所帮助

Laravel |刀片视图中有多个CubePortfolio画廊

1 个答案: