如何将元素添加到jquery.shapeshift网格

时间:2014-04-06 19:27:43

标签: javascript jquery html

我想将元素追加到jquery.shapeshift创建的网格中。 documentation表示在添加元素后触发重新排列。我试过但我一无所获。我究竟做错了什么?请参阅示例http://jsfiddle.net/LNysC/1307/

$(".container").shapeshift({
    minColumns: 3
});


$("a").click(function(){

    $(".container").append("<div></div>");
    $(".container").trigger("ss-event-arrange");

});

非常感谢

1 个答案:

答案 0 :(得分:2)

你添加这种方式的div不会被容器识别为孩子,所以你应该告诉容器你添加的div是一个像这样对待的子。 我知道应该有另一种方法来做,但尝试再次调用$(".container").shapeshift()重新整理容器,例如:

$(".container").shapeshift({
    minColumns: 3
});


$("a").click(function(){

    $(".container").append("<div></div>");

    $(".container").shapeshift();
});

这是一个例子: http://jsfiddle.net/LNysC/1501/