html - 通过单击背景<image>打开模态

我有一个打开模态的按钮，该按钮在背景图像上，我必须使照片充当按钮。

我有这个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/