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

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 行&nbsp;&nbsp;&nbsp;&nbsp;$('.thumbnails').on('mouseover',&nbsp;'a',&nbsp;function(e)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;$this&nbsp;=&nbsp;$(this);但是，这会更改“鼠标悬停”上的“目标”img。EasyZoom 似乎在“onmouseover”上自行工作