Question

我有幻灯片，每个幻灯片我都有一个:: after元素：

.views-field.views-field-title .field-content:after {
    content: url('../images/myimage.svg');
    position: absolute;
    margin-left: -21px;
    margin-top: -30px;
}

我想为元素创建一个链接但只有第一个链接有效，它不适用于后续的幻灯片项目。

  $('.views-field.views-field-title .field-content').after().click(function () {
   window.location.href = "http://www.example.com";
  });

我是否需要使用foreach迭代这个？

Answer 1

after method用于在所选元素之后插入内容。

$('h1').after('<p>Small text</p>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <h1>Big Text</h1>

你can't directly select pseudo elements，因为它们不是真正的DOM元素。因此，您无法使:after内容可点击，此时您正在“工作”的是您正在插入一些虚拟元素并使其可点击。

在这种情况下，您应该使用正确的DOM元素（例如:after标记）替换<a>内容，并相应地设置该元素的样式。

在多个幻灯片项目上链接:: after元素后...只有第一个有效

1 个答案: