点击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); 
    });