Question

这可能是一个微不足道的问题。该脚本有一点反转逻辑。我需要在页面加载时默认应用悬停输出，以便默认显示data-gg属性的内容而不是i元素的真实内容，因此只能在悬停时显示（而不是通过在pageload上默认）。该脚本现在默认显示第一个悬停事件生效前的真实i内容，否则它可以正常工作。

$('i[data-gg]').hover(
    function() {
        $(this).html($(this).data('content'));
    },
    function() {
        $(this).data('content', $(this).html())
               .text($(this).attr('data-gg'));
    }
);

Answer 1

如果您希望在页面加载时发生悬停事件，您可以在注册回调后立即触发它（悬停分别注册mouseenter和mouseleave事件）：

$('i[data-gg]').hover(
  function() {
      $(this).html($(this).data('content'));
  },
  function() {
      $(this).data('content', $(this).html())
             .text($(this).attr('data-gg'));
  }
).trigger('mouseleave');

页面加载（在任何有效的悬停事件之前）与hover-out事件相同

1 个答案: