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