文章/答案/技术大牛

发布

社区首页 >问答首页 >仅使用Jquery将链接分配给图像并使其可单击

问仅使用Jquery将链接分配给图像并使其可单击
EN

Stack Overflow用户

提问于 2020-04-28 10:05:54

回答 1查看 22关注 0票数 0

我有一个与一些链接链接的图像滑块，在桌面版本中，当您单击图像时，它会正确地指向链接，但当我切换到移动版本并单击链接不起作用的图像时，我尝试使用以下Jquery解决此问题：

jQuery (document) .ready (function () {
jQuery ('. fullwidthbanner-container ul> li: nth-child (3) img'). each (function () {
var currentImage = jQuery (this);
currentImage.wrap ("<a target='_self' href='http://jquerybyexample.blogspot.com'" + currentImage.attr("href") + "'</a>");
});
});

但是它仍然不起作用，有没有办法让我把这些图片链接起来？

css

magento

javascript

html

jquery

回答 1

Stack Overflow用户

发布于 2020-04-28 10:41:40

建议尝试下面这样的方法。

jQuery(function($) {
  $('.fullwidthbanner-container > ul > li:eq(3) > img').each(function(i, el) {
    $(el).wrap(function() {
      return "<a href='http://jquerybyexample.blogspot.com" + $(this).attr("src") + "'></a>";
    });
  });
});

更多信息请访问：https://api.jquery.com/wrap/

图像通常具有src属性，而不是href。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/61471462

复制

相似问题

问仅使用Jquery将链接分配给图像并使其可单击
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问仅使用Jquery将链接分配给图像并使其可单击EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问仅使用Jquery将链接分配给图像并使其可单击
EN