jquery - 为 remodal js 弹出添加悬停事件

Question

我在我的网站上使用remodal模式框。除了点击事件之外，我如何添加一个悬停事件，以便当用户将鼠标悬停在链接上时，该框会出现而无需单击它？

我的触发链接如下：

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

Answer 1

我猜你将不得不通过 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

它通过在 remodal.js 中添加以下行来工作：

    $(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();
    });