添加CSS類時的jQuery問題

Question

我有5個子鏈接，有2個狀態; 懸停（CSS className： subLinks ）和活動（CSS ClassName： subLinksClicked ）

我打電話給頁面上的以下功能;

$(document).ready(function(){
if (navigator.userAgent.match(/iPad/i) != null)
{
    $("#leftNav  a.subLinks").live("hover",function(){
            $("#leftNav  a.subLinks").removeClass("subLinksClicked");
            $(this).addClass("subLinksClick");
            clickEvent($(this));
    });
}
}

現在iPad上存在一個問題...基本上點擊每個子鏈接都有一個AJAX調用，這種刪除所有這些鏈接然后重寫作為響應的一部分。由於某種原因，在那之后，如果我點擊另一個子鏈接，活動類不會從上一個鏈接中刪除..

我希望這會發生，因為我使用了jQuery.live（）而不僅僅是jQuery.bind（）

請幫我。 謝謝。

Answer 1

iPad中沒有懸停事件。

請記住，您正在處理觸摸屏設備 - 沒有鼠標，因此不支持鼠標移動事件。 相反，谷歌周圍的“ipad觸摸事件”。

話雖如此，您可以聽一些等同於簡單鼠標事件的觸摸事件，例如mousedown，mousemove和mouseup。 查看jQuery Touch Punch插件 ，它將觸摸事件映射到其中一些基本鼠標事件。

Answer 2

嘗試使用touchstart事件附加您的實時函數，如下所示：

$("#leftNav  a.subLinks").live("hover touchstart",function(){ ... ]);