2017-08-10 63 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

代碼工作與否? –

相關問題