有没有办法在我的缩略图库上从单击更改为悬停？

Question

我使用EasyZoom制作了一个缩略图库。但事件是 onclick，我真的很想让它悬停HTML<div class="easyzoom easyzoom--overlay easyzoom--with-thumbnails">                <a href="http://www.messa.dobre-strony.org/upload/big/drewniane-ramki.png">                    <img src="http://www.messa.dobre-strony.org/upload/big/drewniane-albumy.png" alt="" width="640" height="360" />                </a>            </div>            <ul class="thumbnails">                <li>                    <a href="http://www.messa.dobre-strony.org/upload/big/drewniane-albumy.png" data-standard="http://www.messa.dobre-strony.org/upload/cropped-1/drewniane-albumy.png">                        <img src="http://www.messa.dobre-strony.org/upload/cropped-1/drewniane-albumy.png" alt="" />                    </a>                </li>                <li>                    <a href="http://www.messa.dobre-strony.org/upload/big/drewniane-ramki.png" data-standard="http://www.messa.dobre-strony.org/upload/cropped-1/drewniane-ramki.png">                        <img src="http://www.messa.dobre-strony.org/upload/cropped-1/drewniane-ramki.png" alt="" />                    </a>                </li>                <li>                    <a href="example-images/3_zoom_3.jpg" data-standard="example-images/3_standard_3.jpg">                        <img src="example-images/3_thumbnail_3.jpg" alt="" />                    </a>                </li>            </ul>codepen 上的完整代码我希望它是悬停而不是点击

Answer 1

只需更改第 350 行

    $('.thumbnails').on('mouseover', 'a', function(e) {
            var $this = $(this);

但是，这会更改“鼠标悬停”上的“目标”img。EasyZoom 似乎在“onmouseover”上自行工作