2

この問題を検索しましたが、自分に合った解決策が見つかりませんでした。

4つのチェックボックスを実行しようとしていますが、そのうち3つしか選択できません。また、4番目のチェックボックスを選択すると、制限についてユーザーに通知するフェードインメッセージが表示されます。これは、テキストでフェードインする部分です。

$('#warning').fadeIn('slow',function() {
        $(this).stop().text("(You can't have more than 3 selected options)");
        setTimeout(function() {
            $("#warning").fadeOut(300);
        }, 2500);
});

遅れてそれができなかったので、setTimeoutを使用しました。4番目のチェックボックスを最初にクリックしたときに、メッセージにuoがすぐに表示される理由がわかりません。私は何が間違っているのですか？

また、setTimerの代わりに遅延を使用してそれを行う方法はありますか？

コード全体へのリンクは次のとおりです：http：//jsfiddle.net/e5kns/

4

2 に答える 2

1

スクリプトの先頭にこれを追加してみてください。

$('#warning').text("(You can't have more than 3 selected options)");
$('#warning').show();
$('#warning').hide();
于 2012-07-11T22:32:41.967 に答える
0

http://jsfiddle.net/e5kns/2/

Use fadeTo and set css opacity to 0... like this:

$('#warning').text("(You can't have more than 3 selected options)").css('opacity',0).stop().fadeTo('slow', 1).delay(2000).fadeTo('slow', 0);
于 2012-07-11T22:34:59.273 に答える