Javascript 将Remodal JS与Expression Engine中的库一起使用

希望有人能提供帮助-我正在使用ExpressionEngine作为平台，我正在使用Remodal（作为模态）与一个图库一起工作。gallery页面由多个砖石样式的图像组成，我想要的基本上是当用户单击一个图像时，Remodal弹出窗口将启动并在弹出窗口中显示该图像。使用下面的代码，弹出功能可以正常工作，但是问题是，您单击页面上的任何图像，第一个图像和标题显示在弹出窗口中，而不是您希望看到的图像（您单击的图像）

据我所知，我现在需要使用一些Javascript来弹出您单击的图像，但老实说，我不擅长Javascript，所以任何帮助都会很好

这是模式HTML：

{exp:channel:entries
channel=“画廊”
dynamic=“关”
limit=“1”
url_title=“{segment_3}”
}
{title}
{如果cf_库_复制！=''}
{cf_图库_副本}
{/if}
{/exp:channel:entries}

因此，当您单击gallery页面上的任何图像时，上面的代码将显示一个弹出窗口，但仅显示页面上的第一个图像，而不是您希望看到的图像

图库HTML：

{exp:ce\u img:pair src=“{cf_画廊_图像}” fallback\u src=“static/images/fabric no image.png” 宽度=“360” crop=“否” } {/exp:ce_img:pair}

多谢各位。

---

Mike

看起来gallery链接通过id或数据远程目标与模式匹配。您的示例代码没有显示这两个值中的任何一个。很抱歉，我的错误，我认为我描述的问题是错误的。基本上，使用下面的Javascript，我想链接到gallery项目，但我想这一定是编码错误的，我承认JS是我最薄弱的一点。$（document）.on（'opening'，'.remodal'，function（）{console.log（'Modal is opening'）；console.log（$（this））；console.log（$（this.html（“gallery_u项目”）；}）；

{exp:channel:entries
    channel="gallery"
    dynamic="off"
    limit="1"
    url_title="{segment_3}"
}

<img src="{cf_gallery_image}" alt="{title}" />

<div class="gallery__title">{title}</div>
{if cf_gallery_copy != ""}
    <div class="gallery__subtitle">{cf_gallery_copy}</div>
{/if}

{/exp:channel:entries}