Question

我正在使用jquery循环，它运行正常，但jquery事件不起作用。

我基本上使用标题循环图像，我在“alt”属性中设置标题。

在特定图像上，我调出一个模态，为图像分配一个类，并让jquery生成一个模态 - 工作正常。

我还在标题中添加了一个链接，我可以看到那里的链接但是当我去点击链接时，jquery不会被解雇。

这是带有此标题和链接的图片。

<img class="openModal" src="images/video.jpg" alt="<div class='wrap'><h1 class='caption-title'>Video</h1><p class='caption-desc'>Aliquam lectus orc ac.<a class='button' class='openModal'>watch the video</a></p></div>"/>

alt标记包含一个锚，该类可以调用模态。

<a class='button' class='openModal'>watch the video</a>

这是jquery

   $('.openModal').on('click', function (e) {
    console.log('this is the click');
    e.preventDefault();
});

循环运行正常。

我点击图片，打开模态 - 完美。

我点击标题中的这个链接，它什么也没做。

我在这里缺少什么？

Answer 1

这可能是因为您在HTML插入页面之前绑定了事件。

试试这个：

$('.cycleOrCaptionContainer').on('click', '.openModal', function(e) {
    console.log('this is the click');
    e.preventDefault();
});

'.cycleOrCaptionContainer'将从具有类'click'的子元素中侦听.openModal，即使您在代码运行后附加此元素也是如此。

带有事件链接的jquery循环标题

1 个答案: