mouseleave问题一旦点击

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一套jQuery功能设置为标签。当我鼠标悬停，背景图像改变。当我mouseleave时，图像变回原来的。当我点击一个链接时，弹出窗口显示。我点击关闭功能，并且一切正常关闭。一旦点击，当我将鼠标悬停在相同的标签上时，背景图像会发生变化，但是当我使用鼠标时，不会变回原始图像。任何想法为什么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'); 
     }, 
    });

回答：

尝试使用event delegation

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

以上是 mouseleave问题一旦点击 的全部内容， 来源链接： utcz.com/qa/263975.html

回到顶部