jQuery colorbox 不显示主框但淡出背景

Question

我正在使用 jQuery colorbox 在我的网站上显示一些 HTML 内容。直到最近这一切都运行良好，但我现在遇到了问题。我的代码:

$("[rel^=ShowCrossSell]").colorbox({
            innerWidth: "600",
            innerHeight: "500",
            iframe: true,
            opacity: 0.75,
            title: 'Please select one or more alternatives ...'
        });

我有一个 ShowCrossSell_something 的引用链接。这部分正在工作，因为我得到了颜色框创建的褪色背景，但主框没有显示。当我查看 FireBug 中的源代码时，我发现主 div 设置了 display: none ，这导致了问题。将其设置为内联会使我的内容出现。

我的问题是，有其他人经历过这种情况吗？如果有，原因是什么？我已经删除了最近添加的所有其他 jQuery 包含内容，但这没有帮助。

p.s 我只使用 jQuery 作为库..没有其他库。

谢谢。

Answer 1

我的代码与 jQuery 插件结合使用，如下所示。我遇到了同样的问题并使用了如下代码:

$(document).ready(function(){

    $('#cbox').jflickrfeed({
    limit: 12,
    qstrings: {
        id: 'xxxxxxxxxxx'
    },
    itemTemplate:
    '<li class="flickr">' +
        '<a rel="colorbox" href="{{image}}" title="{{title}}">' +
            '<img src="{{image_s}}" alt="{{title}}" />' +
        '</a>' +
    '</li>'
}, function(data) {
    $('#cbox a').colorbox({ onLoad: function () { $('#colorbox').show(); } });


});

});

希望这有帮助。