remodal js 팝업에 대한 호버 이벤트 추가

Question

내 사이트의 모달 상자에 remodal을 사용하고 있습니다. 클릭 이벤트 외에도 사용자가 링크를 가리키면 마우스를 클릭하지 않아도 상자가 표시되므로 어떻게 호버 이벤트를 추가 할 수 있습니까?

내 트리거 링크는 다음과 같습니다 :

$(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 1

그것은 remodal.js에 다음 줄을 추가하여 일 그것은 수동으로 js를 통해. 아마 당신은 또한 모달이 이미 열려 있는지 여부를 확인 몇 가지 논리를 만들어야합니다 (그래서 이전이 아직 때, 또 다른 하나가 열리지 않습니다, 그러나

<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> 

:

그래서 당신이 뭔가를해야합니다 열다).

Answer 2

나는 당신이 초기화해야 할 것 같아요

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