0

目前在我的订单页面上，我有“订单状态：待处理”。如果订单状态需要更改，我想双击文本并出现一个下拉菜单。

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

我的问题是，如果用户没有从下拉列表中选择新项目，我希望它返回到文本......所以我认为你必须双击并悬停该元素才能使其工作。

我这样做只是为了测试：

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

它可以工作，但只有在您单击并将鼠标悬停在元素之外然后将鼠标悬停返回时才会显示。所以，如果我点击 .offerStatus 并且因为我悬停它，我应该看到“是”，但我没有。然后，当我将光标从元素上移开时，我应该会看到它转到“否”，它可以正常工作。我唯一想弄清楚的是，一旦用户点击离开或类似的东西，让元素返回。

谢谢

4

1 回答 1

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);
});
于 2012-12-05T18:06:09.257 回答