我有一个 jquery 函数,它决定向用户显示哪条消息,其中一条是 3 条消息。我在我的页面上将这三条消息分别放在它们自己的隐藏 div 中。
当用户单击页面上的按钮时,将调用该函数,根据结果,我想使用颜色框在弹出窗口中显示 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%"});
});
});