0

有谁知道可以满足以下要求的jQuery插件：

我在屏幕上有一个 DIV 和一个按钮。当我单击按钮时，DIV 分成 2（我们将它们称为 A 和 B）。再次单击该按钮会将父 DIV 拆分为 3（所以现在我们有 A、B 和 C）。

到目前为止一切都很好，但是......

再次点击按钮，A一分为二，再次点击按钮，B一分为二，再次点击按钮，C一分为二。

如您所见，单击 3 次按钮，我最终会将主 DIV 拆分为 1/3。

单击该按钮 4 次将导致主 DIV 包含 2 1/3 大小的 DIV 和 2 1/6 大小的 DIV。

我确定我在某处看到过类似的东西，但我一生都记不起它在哪里。

如果有人有任何提示或知道类似的插件，我将不胜感激。

4

1 回答 1

1

让我为你编写一个原型：

<div class="wrap">
    <a class="large button blue" id="split">Split!</a>
    <hr>
    <div class="inner">
        Test
    </div> 
</div>

$('#split').click(function() {

    width = parseInt($('.wrap').css('width'))-20;
    $('.wrap').append($('.wrap  .inner').first().clone());
    nDivs = $('.wrap .inner').size();
    $('.wrap  .inner').css('width', width/nDivs);

});

您可以尝试调整边距等：http: //jsfiddle.net/mKuVm/4/

于 2012-10-25T08:42:33.953 回答