0

現在、注文ページに「注文状況: 保留中」と表示されています。注文ステータスを変更する必要がある場合は、テキストをダブルクリックするとドロップダウンが表示されます。

そのため、ドロップダウンを非表示にし、ダブルクリックでドロップダウンを表示してテキストを非表示にするつもりでした。

私の問題は、ユーザーがドロップダウンから新しいアイテムを選択しない場合にテキストに戻ることを望んでいたため、要素をダブルクリックしてホバーする必要があると考えました。

テストのためだけにこれを行いました：

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

動作しますが、クリックして要素から離れてホバーしてからホバーした場合にのみ表示されます。したがって、.offerStatus をクリックすると、ホバリングしているので、「YES」と表示されるはずですが、表示されません。次に、要素からカーソルを移動すると、正しく機能する「NO」に移動するはずです。私が理解しようとしている唯一のことは、ユーザーがクリックするか、そのようなものをクリックすると、要素を元に戻すことです。

ありがとう

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 に答える