功能完成后打开Colorbox

Question

我试图在现有功能完成后打开彩盒灯箱。

我的div显示然后隐藏后我想要一个灯箱窗口打开，但我真的很难让它打开。任何人都可以对此有所了解。

这是代码的相关部分

$(".bookingResult").addClass("classroomExpertError");
$(".bookingResult").html(obj.Message);
$('.bookingResult').show('slow', function()                     {
  setTimeout(function()
   {$('.bookingResult').hide('slow');
    }, 3000); // <-- time in milliseconds 
});

Answer 1

.show()和.hide()都接受回调，效果完成后会触发。 Colorbox可以按命令打开。

$('.bookingResult').show('slow', function() {
    $(this).hide('slow', function() {
        $.colorbox({href:"thankyou.html"});
    });
});

这可能不是你想要的，因为回调会为每个匹配的元素触发一次。