Javascript 替换单击事件以使用鼠标悬停打开放大弹出窗口
我的图像已经有一个点击事件打开放大弹出灯箱,但我需要删除它,并替换为一个悬停打开灯箱 尝试了这个但没有骰子:Javascript 替换单击事件以使用鼠标悬停打开放大弹出窗口,javascript,wordpress,magnific-popup,Javascript,Wordpress,Magnific Popup,我的图像已经有一个点击事件打开放大弹出灯箱,但我需要删除它,并替换为一个悬停打开灯箱 尝试了这个但没有骰子: <script type="text/javascript"> jQuery(document).mouseover(function(){ jQuery('a.et_pb_lightbox_image').magnificPopup({type:'image'}); }); </script> <script
<script type="text/javascript">
jQuery(document).mouseover(function(){
jQuery('a.et_pb_lightbox_image').magnificPopup({type:'image'});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('a.et_pb_lightbox_image').bind('mouseover', function(event){
.magnificPopup();
});
});
</script>
您可以尝试在
悬停事件中触发单击事件。谢谢您的指导,Janis!我离你更近了一点,编辑了这个问题来展示下一步的步骤。试着理解你自己的代码。当您执行.magnificPopup()
时,您正在创建单击事件。显然,你必须先做这个,然后在悬停事件中你可以。trigger('click')
完全让我用正确的术语搜索,谢谢!
<div class="mfp-bg mfp-ready"></div>
<div class="mfp-wrap mfp-close-btn-in mfp-auto-cursor mfp-ready" tabindex="-1" style="overflow-x: hidden; overflow-y: auto;">
<div class="mfp-container mfp-s-ready mfp-image-holder">
<div class="mfp-content">
<div class="mfp-figure">
<button title="Close (Esc)" type="button" class="mfp-close">×</button>
<figure>
<img class="mfp-img" alt="" src="https://blackdot.strutcreativestudios.com/wp-content/uploads/2018/04/Deep-Bevel.jpg" style="max-height: 318px;">
<figcaption>
<div class="mfp-bottom-bar">
<div class="mfp-title"></div>
<div class="mfp-counter"></div>
</div>
</figcaption>
</figure>
</div>
</div>
<div class="mfp-preloader">Loading...</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('a.et_pb_lightbox_image').bind('mouseover', function(event){
.magnificPopup();
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
('a.et_pb_lightbox_image').bind('mouseover', function(event){
alert('Hi there!');
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('a.et_pb_lightbox_image').magnificPopup().hover(function() {
jQuery(this).click();
});
});
</script>