2017-08-10 60 views
0

我创建了事件onclick jquery发送请求,得到结果后,处理器onclick检查结果是否为true,然后从div中移除类。在桌面上一切都很好,但是当我尝试使用移动设备时,它无法正常工作。removeClass()手机上的jquery无法正常工作

这是我使用的一些代码。

<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'); 
       } 
      } 
     }); 
    }); 

是否有任何人有一个线索,这有什么错的话,我将非常感激。对不起,我的英语不好。

+1

我感觉单击事件不会在移动触发。你可以提醒和检查吗? – Shiladitya

+0

它被触发了,我检查了它。背景图像可能是一个问题?因为我为程序爱和程序爱定义了不同的背景图片。 –

+1

我明白了,因为我在program-love:hover和program-loved之间设置了相同的背景图片。所以它看起来没有改变,但实际上改变了,它只是设置在移动设备上悬停。 –

回答

-1

尝试删除,如:

您正在使用错误的类programme-loved,而不是programme-love ..

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

OR,

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

对不起,我编辑我的问题。我只是尝试第一个。仍然不适用于手机。 –

+0

代码工作与否? –

相关问题