删除类后不删除CSS样式

Question

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

使用移动设备查看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量的屏幕中。