jquery触发悬停在 anchor 上

Question

我正在使用 jQuery 在 Web 环境中进行开发。

我想知道为什么

 $("#a#trigger").trigger('mouseenter');
 $("#a#trigger").trigger('hover');
 $("#a#trigger").trigger('mouseover');

所有这 3 个都无法激活我拥有的悬停功能。

$(function() {


        $('a#trigger').hover(function(e) {
          $('div#pop-up').show();

             }, function() {
          $('div#pop-up').hide();
        });

     });

      });

a#trigger 是 anchor 的名称，#pop-up 是我网站中的 div 元素。

问题是我想将鼠标悬停在 FullCalendar 插件中的某些事件上，但这些功能不起作用。谢谢。

Answer 1

你是在正确的轨道上，问题是选择器中多余的 #，只需删除第一个哈希:

$("a#trigger").trigger('mouseenter');

请注意，由于 ID 必须唯一，因此无需指定元素类型，$('#trigger') 效率更高。

另请注意:

Deprecated in jQuery 1.8, removed in 1.9: The name "hover" used as a shorthand for the string "mouseenter mouseleave". It attaches a single event handler for those two events, and the handler must examine event.type to determine whether the event is mouseenter or mouseleave. Do not confuse the "hover" pseudo-event-name with the .hover() method, which accepts one or two functions.