0

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

例如，您有一个手风琴，其中包含不同数量的文本，具体取决于您单击手风琴中的哪个标题或子标题。当您的用户展开或折叠不同的“级别”时，弹出框会根据显示或隐藏的文本自动调整。

根据回复更新问题：

我很抱歉没有更好地解释（我还是 jQuery 的新手）。我不应该以手风琴为例，因为我们正在尝试做的实际上更像是一个常见问题解答。

这就是我想要做的。

当第一个“colorbox”出现时，其中将包含 3 个主题（每个主题一个句子）。

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

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

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

我们还没有编写代码，因为我们首先试图把这部分弄好。

希望有帮助。

4

1 回答 1

0

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

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

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

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

和相关的小提琴

于 2013-06-03T21:38:55.120 回答