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