点击

Question

我有一组设置为标签的jquery函数。鼠标悬停时，背景图像会发生变化。当我鼠标移动时，图像会变回原来的状态。当我点击链接时，弹出窗口显示。我点击关闭功能，一切正常关闭。点击后，当我鼠标移动相同的标签时，背景图像会发生变化，但是当我鼠标移动时，它不会变回原始图像。任何想法为什么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 );