jquery - 单击 DIV 在新选项卡中打开内嵌背景

Question

我正在 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 来执行此操作？

Answer 1

找到了方法

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