我有一个打开模态的按钮,该按钮在背景图像上,我必须使照片充当按钮。
我有这个HTML:
<div id="cih1" class="cuadro_intro_hover">
<img class="lazy" data-original="img/products/001.jpg" alt="">
<div id="cihc1" class="caption">
<div id="cihb1" class="blur">
</div>
<div class="caption-text">
<img class="" src="img/maieu.png" alt="" style="width: 114px; height: 140;">
<h3>Golden Fish</h3>
<p>Price: 100Lei</p>
<a href="#Modal1" class="btn btn-primary portfolio-link" data-toggle="modal"><span>Info</span></a>
</div>
</div>
</div>
...这是打开模式的按钮:
<a href="#Modal1" class="btn btn-primary portfolio-link" data-toggle="modal"><span>Info</span></a>
我必须做出类似但没有手形光标的行为。
谢谢。
最佳答案
如果我正确理解了您的问题,这应该可以解决问题:
$('img').on(
'click',
function () {
$('.portfolio-link').click();
}
)
您可能应该在img标签中添加一些特殊的类或ID。
关于html - 通过单击背景<image>打开模态,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27591947/