当我从点击回调中调用Colorbox时，Colorbox看起来不正常

Question

这就是我的尝试：

$('.color-box-link').click(
  function(){
   $.colorbox({html: '<p>tophat</p>'})
  }
)

这段代码显示我破碎的对话框：

但是在调整窗口大小后，它会显示调整大小并修复的相同对话框：

此外，我在我的控制台日志中看到了这一点：

  

错误：cboxElement缺少设置对象

另一方面，当我从控制台执行此代码时：

$.colorbox({html: '<p>tophat</p>'})

我看到完美的彩盒：

它有什么问题？
jQuery 1.9.1
Colorbox 1.4.33

Answer 1

$('.color-box-link').click(
  $('.colorbox').text('tophat')
)

安全解决方案，除非你想弄清楚css，因为<P></P>正在摧毁你的CSS