Question

目前在我的订单页面上，我有“订单状态：待定”。如果订单状态需要更改，我想双击文本并显示下拉列表。

所以，我打算隐藏下拉，双击显示下拉并隐藏文字。

我的问题是，如果用户不从下拉列表中选择新项目，我希望它返回文本...所以我想你必须双击并悬停元素才能使用。< / p>

我这样做只是为了测试：

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

它可以工作，但它只显示一旦你点击并从元素悬停AWAY然后将鼠标悬停回来。所以，如果我点击.offerStatus，因为我正在徘徊它，我应该看到“是”，但我没有。然后，当我从元素移动光标时，我应该看到它变为“NO”，它正常工作。我唯一想弄清楚的是，一旦用户点击或某种类型的东西，该元素就会返回。

由于

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

jQuery需要双击和悬停事件

1 个答案: