Cufon 在 Facebox 中

Question

有人能指点一下在 Facbox 中显示 Cufon 吗？

我最近实现了 Cufon 字体，工作正常，但是当它显示在 Cufon 对话框中时，它们不会显示在顶部。我可以看到它已被替换。我知道这可能与 z-index 有关，但想知道到底是什么元素/标签？我已经尝试了 Facebox 对话框中从 #facebox 到 h1 标签的几乎所有标签。

有什么指点吗？

Answer 1

我认为这可能是因为在调用并应用 Cufon 后 Facebook 已加载到 DOM 中。

（不优雅的）解决方案是将 Cufon 调用放入要添加到 Facebox 的 HTML 中。

jQuery.facebox(function() { 
    jQuery.get('your-url.html', function(data) {
        jQuery.facebox(data + "<script>Cufon.replace('.selector');</script>")
    });
});

Answer 2

Cufon 应该在加载 Facebox 后启动，以便显示内容

$(document).bind('reveal.facebox', function() { Cufon.replace('h3'); })