0

ユーザーに表示するメッセージを3つのうちの1つとして決定するjquery関数があります。ページの非表示のdivにそれぞれ3つのメッセージがあります。

ユーザーがページ上のボタンをクリックすると、関数が呼び出され、結果に応じて、カラーボックスを使用してポップアップで 3 つの div (#msg1、#msg2、または #msg3) のいずれかを表示したいと考えました。

ただし、Colorbox のドキュメントでは、表示する div を決定するために HREF とのリンクを使用しています。自分の機能を使いたい。だから私はこれを試しましたが、それは私たちにカラーボックスをポップしますが、私のdivではポップしません.それは空です:

 $(function() {
        $('#calcbtn').bind('click', function(){
            var score = 0;
            $('.rb:checked').each(function(){
                score+=parseInt($(this).val(),10);
            });
            // here i have logic to choose the div, assume #msg1 is the div
            $(this).colorbox({inline:true, href:"#msg1", width: "50%", height: "50%"});
        });
    });
4

1 に答える 1

1

私はそれを持っているかもしれないと思います：

 $(function() {
        $('#calcbtn').bind('click', function(){
            var score = 0;
            $('.rb:checked').each(function(){
                score+=parseInt($(this).val(),10);
            });
            //$("input[name=sum]").val(score)
            //alert('score is '+score);
            var $msg;
            if (score > 25) {
                $msg = $('#msg1');
            } else if (score < 15) {
                $msg = $('#msg3');
            } else {
                $msg = $('#msg2');
            }
            $.colorbox({inline:true, href:$msg, width: "50%", height: "50%"});
        });
    });
于 2012-11-30T21:13:45.510 に答える