mouseleave问题一旦点击

Question

我有一套jQuery功能设置为标签。当我鼠标悬停，背景图像改变。当我mouseleave时，图像变回原来的。当我点击一个链接时，弹出窗口显示。我点击关闭功能，并且一切正常关闭。一旦点击，当我将鼠标悬停在相同的标签上时，背景图像会发生变化，但是当我使用鼠标时，不会变回原始图像。任何想法为什么mouseleave（点击和关闭一次后）不会将背景交换回原始？请让我知道是否有问题，我试图尽可能描述。感谢

$(document).ready(function() { 
    $('.tips-1-link').on({ 
     mouseover: function() { 
      $('.tips-numbers').css('background-image', 'url(0-HTML-Resources/imgs/buying-a-car-2/tips-numbers-hover.png)'); 
     }, 
     mouseleave: function() { 
      $('.tips-numbers').css('background-image', 'url(0-HTML-Resources/imgs/buying-a-car-2/tips-numbers.png)'); 
     }, 
     click: function() { 

      $('.tip-1-info').css('display', 'block'), 
       $('.tips-1-link').off('mouseleave'); 
     }, 
    }); 
    $('.close-info-1').on({ 
     click: function() { 
      $('.tips-numbers').css('background-image', 'url(0-HTML-Resources/imgs/buying-a-car-2/tips-numbers.png)'), 
       $('.tip-1-info').css('display', 'none'); 
     }, 
    }); 

Answer 1

尝试使用event delegation

$(elements).on(events, selector, data, handler);