Question

我正在尝试使用标签管理器在网站上注入jquery，以使标题中的图片链接到网站上的特定页面。该代码几乎完全可以正常工作，但不是100％（对我来说似乎很奇怪）。

图片：

<img class="img-responsive margin-auto" src="/assets/misc/12345/image.png" alt="example" aria-label="example">

JQuery：

<script type="text/javascript" id="img-link">
    $(document).ready(function() {
        $("img[src*='image.png']").wrap("<a href='example.com/image-related-page.html'></a>");
    });
</script>

图片是div的直接子元素，它是用于移动屏幕尺寸的div，是桌面屏幕的列表项（在这里与网站平台打交道，这是标记管理器的原因。）我在做什么错了？

编辑：第一次访问该网站的某个页面后，该图像不可点击（但在所有其他页面上均能正常工作）。不幸的是，由于我必须作为此网站所在平台的变通办法来进行操作，因此，一个最小，完整且可验证的示例实际上并不可行。

Answer 1

如果我了解您要正确执行的操作，那就是将图像附加到定位标记。您应该给锚标签指定一个ID：<a id="someId" href='example.com/image-related-page.html'></a>设置一个变量var img = $("<img>"); img.attr("src", "image.png");，然后使用jQuery您可以说$("#someId").append(img)

如何使用JQuery将特定图片（位于标头中）包装在锚标签中？

1 个答案: