移动设备上的 removeClass() jquery 无法正常工作答案

【问题标题】：removeClass() jquery on mobile not working移动设备上的 removeClass() jquery 无法正常工作
【发布时间】：2017-08-10 14:57:47
【问题描述】：

我创建事件 onclick jquery 来发送请求，得到结果后，处理程序 onclick 检查结果是否为真，然后从 div 中删除类。在桌面上一切都很好，但是当我在移动设备上尝试时，它无法正常工作。

这是我使用的一些代码。

<div class="programme">
    <input title="id" type="hidden" id="programme-id" value="{{ p.id }}">
    <div class="programme-name">
        <h6><a href="link" target="_blank">name</a></h6>
    </div>
    <span class="programme-separator"></span>
    <div class="programme-love programme-loved" id="love-programme"></div>
</div>

jQuery 代码：

$(document).on('click', '#love-programme', function(){
        var url = "url";
        $.ajax({
            url: url,
            success: function(data){
                if(data == '1'){
                    $('#love-programme').removeClass('programme-loved');
                }
            }
        });
    });

有没有人知道它有什么问题，我将不胜感激。对不起，我的英语不好。

【问题讨论】：

我觉得点击事件没有在移动设备中触发。你能发出警报并检查吗？
触发了，我查过了。背景图像可能是个问题吗？因为我为 program-love 和 program-loved 定义了不同的背景图像。
我明白了，这是因为我在 program-love:hover 和 program-loved 之间设置了相同的背景图像。所以看起来没有变化，但实际上发生了变化，它只是在移动设备上设置了悬停。
恭喜哥们.. :)

标签： jquery mobile

【解决方案1】：

尝试删除喜欢：

您使用了错误的类 programme-loved 而不是 programme-love..

$("#love-programme").attr("class", "programme-love");

或者，

$("#love-programme").removeAttr('class').addClass('programme-love');

【讨论】：

抱歉，我编辑了我的问题。我只是尝试第一个。仍然无法在移动设备上使用。