jquery – 单击DIV在新选项卡中打开内联背景

2023年11月1日 255次阅读

我在DIV中动态插入背景图像.

<div class="mc-image " title="The Bridges" style="background-image: url(image.jpg);" data-href="link.html"></div>
<div class="mc-image " title="The Bridges" style="background-image: url(image2.jpg);" data-href="link2.html"></div>

最多可能有5或6个.在手机上我想在新标签中打开这些背景图像,以便人们可以查看整个图像(缩放,缩放等)

我可以使用什么jQuery来做到这一点？

最佳答案 找到了办法

jQuery('.mc-image').on('click', function() {
      var bg = jQuery(this).css('background-image').replace(/^url\(['"]?/,'').replace(/['"]?\)$/,'');
      window.open(bg);
  });
点赞