jQuery需要雙擊並懸停事件

Question

當前在我的訂單頁面上，我有「訂單狀態：待定」。如果訂單狀態需要更改，我想雙擊文本並出現下拉菜單。

所以，我要隱藏下拉菜單並雙擊顯示下拉菜單並隱藏文本。

我的問題是，我希望它回到文本，如果用戶不從下拉菜單中選擇一個新的項目...所以我想你必須雙擊並將鼠標懸停在它的工作。

我這樣做只是爲了測試：

$(".offerStatus").bind('click', function() { 
    $(".offerStatus").hover(function(){ 
     $(".offerStatus").html("YES"); 
    }, function(){ 
     $(".offerStatus").html("NO"); 
    }); 
}); 

它的工作原理，但一旦你點擊並從單元分離的懸停，然後懸停回那隻能說明。所以，如果我點擊.offerStatus，並且自從我將它徘徊，我應該看到「是」，但我不知道。然後當我從元素中移動光標時，我會看到它轉到「否」，它可以正常工作。我試圖弄清楚的唯一一件事就是讓用戶點擊一下或類似的東西后返回元素。

感謝

Answer 1

祝你可以使用保存在元素懸停狀態

$(".offerStatus").hover(function(){ 
    $(".offerStatus").data('isHover', true); 
}, function(){ 
    $(".offerStatus").data('isHover', false); 
}); 

$(".offerStatus").click(function() { 
    var status = 'NO'; 
    if($(this).data('isHover')) { 
     status = 'YES'; 
    } 
    $(this).html(status); 
});