Question

有没有办法设置Colorbox，以便当“弹出框”中的文本发生变化时，该框会根据新文本自动调整大小？

例如，根据您点击的手风琴中的哪个标题或副标题，您的手风琴音量会有不同的数量。当用户展开或折叠不同的“级别”时，弹出框会根据显示或隐藏的文本自动调整。

根据回复更新了问题：

我很抱歉没有更好的解释（我还是jQuery的新手）。我不应该用手风琴作为例子，因为我们要做的事实上更像是一个FAQ。

这就是我想要做的事情。

当第一个“颜色框出现时，它将有3个主题（每个单个句子）。”

当您点击每个主题时，它会引导您到1到3个段落，解释该特定主题。

挑战在于，每个“答案”中不仅会有不同数量的段落，而且它们的长度也会不同，并且颜色框需要调整大小以适应每个段落。

并且，当您单击返回3个主题的列表时，颜色框必须调整大小以适合这3个单句段落。

我们尚未编写代码，因为我们首先尝试使这一部分正确。

希望有所帮助。

Answer 1

好的 - 这是重新设计的答案

颜色框的jQuery代码，它根据jQueryui手风琴内容自动调整大小：

$(function () {
    $("#accordion").accordion({
        heightStyle: 'content',
        collapsible: true,
        active: false,
        activate: function( event, ui ) {
            $.colorbox.resize();
        }
    });
});

$(".inline").colorbox({
    inline: true,
    innerWidth: '90%',
    scrolling: false      
});

And the associated Fiddle

Colorbox可以根据文本自动调整大小吗？

1 个答案: