javascript - 删除类后未删除 CSS 样式

Question

我遇到一个问题，当通过 AJAX 删除 css 类时，CSS 样式不会从 anchor 标记中删除，它只发生在移动设备上。使用桌面浏览器时不会发生这种情况。

看看here使用移动设备。

您会注意到，当您选择过滤器时，过滤器会变成红色，但取消选择它们并不会移除红色。

那里使用的代码:

$('.tagsContainer .tagsContainerA').click(function () {
    vm.alphabet("");
    clearAlphabet();
    $('.pagination.alphabet .alphabetAll').addClass('currentPage');
    if ($(this).hasClass('selected')) {
        $(this).removeClass('selected');
    }
    else {
        $(this).addClass('selected');
    }

    return false;
});

知道是什么导致了移动设备上的这种情况吗？

Answer 1

问题与 hover 有关，而不是点击功能。

发生这种情况是因为 hover 在移动设备中触发，同时元素也 focused。

只需将此添加到您的 CSS 中:

@media screen and (max-width: 768px) {
    .places-filter .places-tags li:hover {
        background-color: #d1d1d1;
        background: #d1d1d1;
    }
}

通过这种方式，您将“禁用”悬停功能，并且在移动设备中只有点击功能。

另一种解决方案是仅在大于 X 数量的屏幕上放置悬停效果。