javascript - 管理类的元素

Question

我正在使用名为 maphilight 的 jquery。

我使用此方法突出显示图像的特定 map 。

$('.key').click(function(e) {
    e.preventDefault();
    var data = $(this).mouseout().data('maphilight') || {};
    data.alwaysOn = !data.alwaysOn;
    $(this).data('maphilight', data).trigger('alwaysOn.maphilight');
});

我正在使用 3 个不同的类(按键、alpha 和控制)。我在顶部发布的这个方法突出显示了各个键。现在我想突出显示一组带有 alpha 类和 control 的键(所有贴图都是键类)。

我用的是这个

$('#balpha').click(function(e) {            
    $('.alpha').each(function(e) {              
        e.preventDefault();
        var data = $(this).mouseout().data('maphilight') || {};
        data.alwaysOn = !data.alwaysOn;
        $(this).data('maphilight', data).trigger('alwaysOn.maphilight');
    });
});

但没有做任何事情，有什么提示吗？

Answer 1

您为两个函数设置相同的变量。它一定会导致问题。

$('#balpha').click(function(event) {            
    $('.alpha').each(function(e) {              
        event.preventDefault();
        var data = $(this).mouseout().data('maphilight') || {};
        data.alwaysOn = !data.alwaysOn;
        $(this).data('maphilight', data).trigger('alwaysOn.maphilight');
    });
});