Question

我有一个jquery函数，用于决定向用户显示哪条消息，其中一条消息。我在页面上的每个隐藏div中都有三条消息。

当用户单击页面上的按钮时，将调用该函数，并根据结果，我想在使用colorbox的弹出窗口中显示3个div（＃msg1，＃msg2或＃msg3）中的一个。

但是，Colorbox文档显示使用带有HREF的链接来确定要显示的div;我想用我的功能。所以我尝试了这个，但它弹出了我们的彩盒而不是我的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%"});
        });
    });

Answer 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%"});
        });
    });

使用按钮使用jquery colorbox显示div

1 个答案: