Question

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

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

到目前为止很好，但是......

再次单击该按钮将导致A拆分为两个，再次单击该按钮将导致B分成两部分，再次单击该按钮将导致C拆分为两个。

正如您所看到的，只需点击3次按钮，我就会将主DIV分成1 / 3rds。

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

我确定我在某个地方看到了类似的东西，但不能为我的生活记住它的位置。

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

Answer 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/

将DIV拆分为多个部分

1 个答案: