Hinzufügen eines Hover-Ereignisses für Remodal-Js-Popup

Question

Ich verwende remodal für modale Boxen auf meiner Website. Wie kann ich neben dem click-Ereignis ein Hover-Ereignis hinzufügen, sodass der Kasten angezeigt wird, ohne dass der Mauszeiger darauf geklickt werden muss, wenn der Benutzer den Hyperlink berührt?

Meine Trigger-Link ist unten:

<a href="#" data-remodal-target="my-popup">Popup link</a> 

Answer 1

Es indem Sie die folgenden Zeilen zu remodal.js gearbeitet:

$(document).on('mouseover', '[data-' + PLUGIN_NAME + '-target]', function(e) { 
 
     e.preventDefault(); 
 

 
     var elem = e.currentTarget; 
 
     var id = elem.getAttribute('data-' + PLUGIN_NAME + '-target'); 
 
     var $target = $('[data-' + PLUGIN_NAME + '-id="' + id + '"]'); 
 

 
     $[PLUGIN_NAME].lookup[$target.data(PLUGIN_NAME)].open(); 
 
    });

Answer 2

Ich denke, man muss initialisieren es manuell über js.

So werden Sie etwas wie dieses:

<a class="remodal-popup" href="#" data-remodal-target="my-popup">Popup link</a> 

<script> 

    $(document).ready(function() { 

     $(".remodal-popup").hover(function(){ 

     //Get data remodal target from this 
     var target = $(this).attr("data-remodal-target"); 

     //Initialise remodal with target 
     $(this).remodal().open(); 
     }) 

    }); 

</script> 

Allerdings sollten Sie wahrscheinlich auch eine gewisse Logik erstellen, die überprüft, ob modal bereits geöffnet ist (so wird es ein anderes nicht öffnen, wenn vorherige noch ist öffnen).